/* stylesheet by eleyl.ch */

html {
  height: 100%;
  width: 778px;
}

body {
  background-color:#ffffff;
  background-image: url(../bilder/style/Hintergr-kreis.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin:0;
  height: 100%;
  width:778px;
}

#kirchecity {
  position: absolute;
  bottom: 8px;
  right: 15px;
  padding: 0px;
}

/* workaround fuer ie */

#kirchecity[id] {
  position: fixed;
}

#logo {
  position: absolute;
  top: 8px;
  left: 70px;
}

#streifen {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #ffe800;
  bottom: 0px;
  height: 100%;
}

/* workaround fuer ie */

#streifen[id] {
  position: fixed;
}

#aussenansicht {
  position: absolute;
  top: 0px;
  right: 15px;
  padding: 0px;
}

/* workaround fuer ie */

#aussenansicht[id] {
  position: fixed;
}

.aussenansicht {
  margin-top: 8px;
}

#navigation {
  position: absolute;
  top: 127px;
  left: 8px;
  width: 130px;
}

/* workaround fuer ie */

#navigation[id] {
  position: fixed;
}

#inhalt {
  position: absolute;
  top: 127px;
  left: 157px;
  width: 350px;
}

#inhaltNavigation {
  position: absolute;
  top: 127px;
  left: 157px;
  width: 128px;
}

#inhaltInhalt {
  position: absolute;
  top: 127px;
  left: 300px;
  width: 302px;
}

#impressum {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

/* workaround fuer ie */

#impressum[id] {
  position: fixed;
}


body,td {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: black;
  margin: 0px;
  text-align: left;
}

.navigation {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: wider;
  color: darkgreen;
  /* position: relative;
  bottom: -40px;
  left: 8px */
}

.navigationLeft {
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
}

.referenz {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: wider;
  color: #0066CB;
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
}

.little {
  font-size: 12px;
}

.daText {
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
}

.activeNavigation {
  font-weight: bold;
  color: #0073ab;
  width: 150px;
}

.active {
  font-weight: bold;
  color: #0073ab;
}

.activeProg {
  font-weight: normal;
  color: #0073ab;
}

.inactiveProg {
  font-weight: normal;
  color: #9eb54a;
}

.inactiveProgGrey {
  font-weight: normal;
  color: #aaaaaa;
}

.eintragProgramm {
  border-top: 1px solid #0073ab;
  margin-bottom: 16px;
  width: 450px;
}

.datumProgramm {
  font-size: 16px;
  color: #aaaaaa;
  width: 70px;
  vertical-align: top;
}

.datumProgrammDetail {
  font-size: 16px;
  color: #aaaaaa;
  width: 120px;
  vertical-align: top;
}


.titelProgramm {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  width: 180px;
  vertical-align: top;
}

.inhaltProgramm {
  font-size: 14px;
  color: #000000;
  vertical-align: top;
}

a.little {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: wider;
  color: darkgreen; /* #467F4C */
  text-decoration:none;
}

a {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: wider;
  color: #aaaaaa;
  text-decoration:none;
}

a.navigation {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: wider;
  color: #9eb54a;
  text-decoration:none;
  width: 150px;
}

a:hover {
  text-decoration : none;
  color: #0073ab;
}

.linkliste {
  margin-bottom: 7px;
}