html, body {
  height: 100%;
}
body {
  color: #000000;
  background-color: #ffffcc;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: small;
}
p {
  font-size: 120%;
}
h1 {
  font-size: 170%;
  text-align: center;
}
h2 {
  font-size: 130%;
  margin-bottom: 20px;
  text-align: left;
  float: right;
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
}
address {
  border-top: 2px solid #006600;
  font-size: 110%;
  font-style: normal;
  letter-spacing: 2px;
  padding-top: 10px;
  margin-top: 40px;
  text-align: center;
  float: right;
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
}
hr {
  border-style: solid;
  border-color: #006600;
  height: 2px;
  width: 90%;
  }
a img {
  border:  none;
}
#kopf {
  margin: 0;
  color: #ffff99;
  background-color: #006600;
  height: 115px;
}
#logo {
  float: right;
  width: 15%;
  height: 105px;
  margin-left: 20px;
  margin-right: -15px;
  padding-top: 10px;
  padding-left: 25px;
  background-color: #ffffcc;
}
#schrift {
  padding-top: 2%;
}
#kopf p {
  margin: 0;
  font-weight: bold;
  text-align: right;
}
#kopf a {
  color: white;
  padding-right: 4px;
  text-decoration: none;
}
#kopf a:hover {
  color: black;
  background-color: #ffffcc;
}
#navi {
  margin: 0;
  padding: 5px;
  color: white;
  background-color: #006600;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  float: right;
  width: 15%;
  height: 250%;
}
#navi a {
  border-left: 5px solid #006600;
  border-right: 5px solid #006600;
  padding: 4px;
  display: block;
  color: white;
  text-decoration: none;
}
#navi li {
  margin: 2px;
  padding: 2px;
}
#stadtbestes #nav-stadtbestes, #startseite #nav-startseite, #kontakt #nav-kontakt, #herzein #nav-herzein, #impress #nav-impress, #kita #nav-kita, #gemeinleb #nav-gemeinleb, #ajzw #nav-ajzw, #d4j #nav-d4j, #lektioninhiphop #nav-lektioninhiphop, #advent #nav-advent {
  border-left: 5px solid #ffcc00;
  color: black;
  background-color: #ffffcc;
}
#navi a:hover {
  border-right: 5px solid #ffcc00;
  color: black;
  background-color: #ffffcc;
}
#local-nav {
  background-color: #ffcc00;
  float: right;
  width: 83.5%;
  padding-top: 8px;
  font-size: 120%;
}
#local-tab {
  float: right;
  width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  text-align: center;
  margin-left: 15px;
}
#local-tab a {
  border: 5px solid #ffcc00;
  text-decoration: none;
  text-align: center;
  color: black;
}
#local-tab a:hover {
  border: 5px solid #ffffcc;
  background-color: #ffffcc;
  color: black;
}
#local-tab-act {
  background-color: #ffffcc;
  float: right;
  width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-left: 15px;
}
#inhalt {
  float: right;
  width: 70%;
  padding-right: 15px;
  padding-top: 20px;
}
#inhalt a {
  color: #000000;
  background-color: #ffcc00;
  padding-right: 4px;
  text-decoration: none;
}
#center_button {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  float: right;
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
}
#center_button a {
  padding: 5px;
  font-size: 120%;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  text-decoration: none;
}
#matrix2x2 {
  margin: 0 15px 5px 2%;
  float: left;
  width: 30%;
  font-size: 120%;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  text-decoration: none;
}
#text_rechts {
  margin: 0 15px 5px 2%;
  float: right;
  width: 60%;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  text-decoration: none;
}
#link_img {
  float: left;
  width: 90%;
  margin-top: 30px;
  margin-left: 2%;
}
#link_img a:hover {
  border-left: 15px solid #ffffcc;
}
.datum {
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-weight: bold;
  float: left;
  margin-top: 15px;
  margin-left: 1%;
  text-decoration: none;
  width: 35%;
  font-size: 110%;
}
.wochentag {
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  float: left;
  margin-top: 15px;
  margin-left: 1%;
  text-decoration: none;
  width: 35%;
  font-size: 110%;
}
.verantermin {
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  float: left;
  margin-top: 15px;
  margin-left: 1%;
  text-decoration: none;
  width: 50%;
  font-size: 110%;
}
.zusatz {
  font-size: small;
  margin-left: 5%;
}
.newsdatum {
  margin: 30px 0 0 1%;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-weight: bold;
  float: left;
  height: 20px;
  text-decoration: none;
  width: 95%;
}
.newstext {
  margin: 30px 0 0 2%;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  float: left;
  text-decoration: none;
  width: 70%;
}