@import "reset.css";
@import "typography.css";
/* -----------------------------------------
Ende Import der Standard CSS-Dateien &
Beginn der Layoutspezifischen Anpassungen
----------------------------------------- */
#wrapper {
      width: 900px;
      height: auto;
      margin: 10px auto 0 auto;
      padding: 2px;
      background-color:#CCCCCC;
}

#header, #footer {
      width: 900px;
      height: 176px;
      margin: 0;
      padding: 0;
      position: relative;
}
#footer {
      height: 60px;
      z-index: 1;
}
#container, #navigation, #content, #inhalt {
      height: 520px;
      position: relative;
      z-index: 10;
}
#container {
      width: 900px;
      margin: 0;
      padding: 0;
      background-color:#CCFF33;
}
#navigation {
      width: 173px;
      margin: 0;
      padding: 0;
      float: left;
      background: transparent url(../images/layout/navi.jpg) top left repeat-y;
}
#content {
      width: 727px;
      margin: 0 0 0 173px;
      padding: 0;
      background-color:#fff;
}
#inhalt {
      width: 715px;
      height: 515px;
      margin: 0 0 0 5px;
      padding: 5px 5px 0 0;
      overflow: auto;
      z-index: 600;
}

.rathaus {
      position: absolute;
      bottom: -60px;
      right: 0px;
      z-index: 500;
}

/* ----------------- Navi */
#navigation img.kirche {
      position: absolute;
      bottom: 0px;
      left: 0px;
}

#navigation ul {
      width: 155px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      list-style-image: none;
}
#navigation ul li {
      margin: 0 0 0 0;
      padding: 0 0 0 10px;
      border-color: #89b070;
      border-style: solid;
      border-width: 0 0 1px 0;
}
#navigation ul li a {
      padding: 5px 0px 6px 0px;
      display: block;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      color: #000;
}
#navigation ul li a:hover {
      padding-left: 16px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #fff;
      background: transparent url(../images/layout/hover_blatt.gif) top left no-repeat;
}
#navigation ul li a.sel {
      padding-left: 16px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #fff;
      background: transparent url(../images/layout/hover_blatt.gif) top left no-repeat;
}

/* ----------------- Galerie */

ul.galerie {
      margin: 0;
      padding: 0;
}
ul.galerie li {
      margin: 0 10px 10px 0;
      padding: 0;
      float: left;
      border: 1px solid #fff;
      list-style-image: none;
}
ul.galerie a{
      padding: 0;
      margin: 0;
}
ul.galerie li:hover {
      border: 1px solid #89b070;
}

/* ----------------- Linkliste */
ul.linkliste li {
      padding-bottom: 2px;
      font-size: 1.0em;
      list-style-image: url(../images/layout/pfeil_rechts.gif)
}

#inhalt img {
      float: left;
      margin: 0 10px 0 5px;
}

#inhalt p {
      clear: both;
}