/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** Barmherzige Brüder von Maria Hilf | CSS-Datei | MENÜ
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/

body {
  width: 100%;
}

/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** MENUE
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
** Container
***************************************************************************************************
***************************************************************************************************
*/

#hauptmenue {
  position: absolute;
  display: block;
  left: 0;
  top: 145px;
  width: 172px;
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .7em;
  color: #4A4B4B;
  background-color: #FFFFFF;
}

#hauptmenue-orden {
  position: absolute;
  display: block;
  left: 0;
  top: 145px;
  width: 172px;
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .7em;
  color: #4A4B4B;
  background-color: #FFFFFF;
}

#hauptmenue-shop {
  position: absolute;
  display: block;
  left: 0;
  top: 145px;
  width: 172px;
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .7em;
  color: #4A4B4B;
  background-color: #FFFFFF;
}

#hauptmenue-chronik {
  position: absolute;
  display: block;
  left: 0;
  top: 145px;
  width: 172px;
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .7em;
  color: #4A4B4B;
  background-color: #FFFFFF;
}

.untermenue {
  font-size: .8em;
}

#zusatzmenue {
  width: 780px;
  margin: 0;
  padding: 5px 0 0 193px;
  font-size: .7em;
  color: #FFFFFF;
}


/*
******************************************
** Eintraege
******************************************
*/

.hauptmenuepunkt-off {
  margin: 0;
  padding: 0;
  border-top: 2px solid #D1DBE4;
  background-color: #EFF3F6;
}

.hauptmenuepunkt-off-leer {
  margin: 0;
  padding: 0;
  border-top: 2px solid #D1DBE4;
  background-color: #D1DBE4;
}

.hauptmenuepunkt-off-leer-chronik {
  margin: 0;
  padding: 0;
  border-top: 2px solid #D1DBE4;
  background-color: #EFF3F6;
}

.hauptmenuepunkt-on {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border-top: 2px solid #D1DBE4;
}

.menuepunkt-facebook {
  margin: 0;
  padding: 27px 0 0 27px;
  border: none;
  background-color: #EFF3F6;
}

.untermenuepunkt-off {
  margin: 0 0 0 27px;
  padding: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #D1DBE4;
}

.untermenuepunkt-off-end {
  margin: 0 0 0 27px;
  padding: 0;
  background-color: #FFFFFF;
}

.zusatzmenuepunkt-off {
  margin: 0;
  padding: 0;
  background: transparent;
  float: left;
}

.zusatzmenuepunkt-trenner {
  margin: 0;
  padding: 0 4px 0 4px;
  background: transparent;
  float: left;
}



/*
***************************************************************************************************
***************************************************************************************************
** Links
***************************************************************************************************
***************************************************************************************************
*/


/*
******************************************
** Haupt-Menue
******************************************
*/

a.hmenue:link,
a.hmenue:visited,
a.hmenue:hover,
a.hmenue:active {
  display: block;
  margin: 0;
  padding: 8px 0 8px 27px;
  background-color: transparent;
  color: #4A4B4B;
  border-right: 1px solid #EFF3F6;
}

a.hmenue:hover {
  display: block;
  margin: 0;
  padding: 8px 0 8px 27px;
  background-color: #FFFFFF;
  color: #2C81C3;/*6BBB02*/
  border-right: 1px solid #FFFFFF;
}

a.hmenue-aktiv:link,
a.hmenue-aktiv:visited,
a.hmenue-aktiv:hover,
a.hmenue-aktiv:active {
  display: block;
  margin: 0;
  padding: 8px 0 8px 27px;
  background-color: #FFFFFF;
  color: #2C81C3;/*6BBB02*/
  border-right: 1px solid #FFFFFF;
  font-weight: bold;
  border-bottom: 1px solid #D1DBE4;
}

#hauptmenue-chronik a.hmenue:link,
#hauptmenue-chronik a.hmenue:visited,
#hauptmenue-chronik a.hmenue:hover,
#hauptmenue-chronik a.hmenue:active,
#hauptmenue-chronik a.hmenue-aktiv:link,
#hauptmenue-chronik a.hmenue-aktiv:visited,
#hauptmenue-chronik a.hmenue-aktiv:hover,
#hauptmenue-chronik a.hmenue-aktiv:active  {
  padding: 8px 0 8px 10px;
  font-weight: normal;
}

/*
******************************************
** Unter-Menue
******************************************
*/

a.umenue:link,
a.umenue:visited,
a.umenue:hover,
a.umenue:active {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  background-color: transparent;
  color: #616161;
  border-right: 1px solid #EFF3F6;
}

a.umenue:hover {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  background-color: #FFFFFF;
  color: #2C81C3;/*6BBB02*/
  border-right: 1px solid #FFFFFF;
}

a.umenue-aktiv:link,
a.umenue-aktiv:visited,
a.umenue-aktiv:hover,
a.umenue-aktiv:active {
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
  background-color: #FFFFFF;
  color: #2C81C3;/*6BBB02*/
  border-right: 1px solid #FFFFFF;
  font-weight: bold;
}


/*
******************************************
** Zusatzmenue
******************************************
*/

a.zusatzmenuepunkt:link,
a.zusatzmenuepunkt:visited,
a.zusatzmenuepunkt:hover,
a.zusatzmenuepunkt:active {
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #FFFFFF;
  /*font-weight: bold;*/
}


/*
***************************************************************************************************
***************************************************************************************************
** Farben
***************************************************************************************************
***************************************************************************************************
*/

#hmenue1 a.hmenue:hover,
#hmenue1 a.hmenue-aktiv:link,
#hmenue1 a.hmenue-aktiv:visited,
#hmenue1 a.hmenue-aktiv:hover,
#hmenue1 a.hmenue-aktiv:active,
#menue-unter-aktuelles a.umenue:hover,
#menue-unter-aktuelles a.umenue-aktiv:link,
#menue-unter-aktuelles a.umenue-aktiv:visited,
#menue-unter-aktuelles a.umenue-aktiv:hover,
#menue-unter-aktuelles a.umenue-aktiv:active {
  color: #EAD10B;
}

#hmenue2 a.hmenue:hover,
#hmenue2 a.hmenue-aktiv:link,
#hmenue2 a.hmenue-aktiv:visited,
#hmenue2 a.hmenue-aktiv:hover,
#hmenue2 a.hmenue-aktiv:active,
#menue-unter-ueberuns a.umenue:hover,
#menue-unter-ueberuns a.umenue-aktiv:link,
#menue-unter-ueberuns a.umenue-aktiv:visited,
#menue-unter-ueberuns a.umenue-aktiv:hover,
#menue-unter-ueberuns a.umenue-aktiv:active {
  color: #D1A343;
}

#hmenue3 a.hmenue:hover,
#hmenue3 a.hmenue-aktiv:link,
#hmenue3 a.hmenue-aktiv:visited,
#hmenue3 a.hmenue-aktiv:hover,
#hmenue3 a.hmenue-aktiv:active,
#menue-unter-kontakt a.umenue:hover,
#menue-unter-kontakt a.umenue-aktiv:link,
#menue-unter-kontakt a.umenue-aktiv:visited,
#menue-unter-kontakt a.umenue-aktiv:hover,
#menue-unter-kontakt a.umenue-aktiv:active {
  color: #6BBB02;
}

#hmenue4 a.hmenue:hover,
#hmenue4 a.hmenue-aktiv:link,
#hmenue4 a.hmenue-aktiv:visited,
#hmenue4 a.hmenue-aktiv:hover,
#hmenue4 a.hmenue-aktiv:active,
#menue-unter-spirituelles a.umenue:hover,
#menue-unter-spirituelles a.umenue-aktiv:link,
#menue-unter-spirituelles a.umenue-aktiv:visited,
#menue-unter-spirituelles a.umenue-aktiv:hover,
#menue-unter-spirituelles a.umenue-aktiv:active {
  color: #633540;
}

#hmenue5 a.hmenue:hover,
#hmenue5 a.hmenue-aktiv:link,
#hmenue5 a.hmenue-aktiv:visited,
#hmenue5 a.hmenue-aktiv:hover,
#hmenue5 a.hmenue-aktiv:active,
#menue-unter-infos a.umenue:hover,
#menue-unter-infos a.umenue-aktiv:link,
#menue-unter-infos a.umenue-aktiv:visited,
#menue-unter-infos a.umenue-aktiv:hover,
#menue-unter-infos a.umenue-aktiv:active {
  color: #0456A0;
}

#hmenue6 a.hmenue:hover,
#hmenue6 a.hmenue-aktiv:link,
#hmenue6 a.hmenue-aktiv:visited,
#hmenue6 a.hmenue-aktiv:hover,
#hmenue6 a.hmenue-aktiv:active,
#menue-unter-williswelt a.umenue:hover,
#menue-unter-williswelt a.umenue-aktiv:link,
#menue-unter-williswelt a.umenue-aktiv:visited,
#menue-unter-williswelt a.umenue-aktiv:hover,
#menue-unter-williswelt a.umenue-aktiv:active {
  color: #D55C34;
}

#hauptmenue-orden a.hmenue:hover,
#hauptmenue-orden a.hmenue-aktiv:link,
#hauptmenue-orden a.hmenue-aktiv:visited,
#hauptmenue-orden a.hmenue-aktiv:hover,
#hauptmenue-orden a.hmenue-aktiv:active {
  color: #84C3FC;
}

#hauptmenue-shop a.hmenue:hover,
#hauptmenue-shop a.hmenue-aktiv:link,
#hauptmenue-shop a.hmenue-aktiv:visited,
#hauptmenue-shop a.hmenue-aktiv:hover,
#hauptmenue-shop a.hmenue-aktiv:active {
  color: #91AC39;
}

#hauptmenue-chronik a.hmenue:hover,
#hauptmenue-chronik a.hmenue-aktiv:link,
#hauptmenue-chronik a.hmenue-aktiv:visited,
#hauptmenue-chronik a.hmenue-aktiv:hover,
#hauptmenue-chronik a.hmenue-aktiv:active {
  color: #323D49;
}