* {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  background: #000;
  color: #FFF;
  text-align: center;
  font: 75%/1.5 verdana, tahoma, arial, sans-serif;
}

#header {
  height: 107px;
  position: relative;
}

#header img {
  position: absolute;
  top: 45px;
  left: 25px;
}

#container {
  margin: 0 auto 15px auto;
  text-align: left;
  width: 792px;
}

#content {
  height: 457px;
}

#page-startseite #content {
  background: url(../images/bg-body-start.jpg) no-repeat 0 0;
}

#page-bauernhof #content {
  background: url(../images/bg-body-bh.jpg) no-repeat 0 0;
}

#page-haus-am-meer #content {
  background: url(../images/bg-body-ham.jpg) no-repeat 0 0;
}

#page-kontakt #content {
  background: url(../images/bg-body-kontakt.jpg) no-repeat 0 0;
}

#col-1 {
  float: right;
  width: 433px;
  margin: 20px;
  height: 417px;
  overflow: auto;
  padding-right: 17px;
}

#col-2 {
  float: left;
  width: 293px;
  position: relative;
}

/* - - - Navigation - - - */

#navigation {
  position: absolute;
  right: 1px;
  top: 45px;
  width: 140px;
  list-style: none;
  font-weight: bold;
}

#navigation a {
  text-decoration: none;
  height: 1.5em;
  padding: 0.375em 0;
}

#navigation a:link, #navigation a:visited {
  color: #000;
  display: block;
  padding-left: 36px;
  background: url(../images/nav-normal.png) no-repeat 20px 50%;
}

#navigation a:hover, #navigation a.aktiv {
  color: #FFF;
  background: #000 url(../images/nav-hover.png) no-repeat 20px 50%;
  display: block;
}

/* - - - Subnavigation - - - */

#navigation ul {
   font-weight: normal;
   list-style: none;
}

#navigation ul a:link, #navigation ul a:visited {
  padding-left: 50px;
  background: url(../images/nav-normal.png) no-repeat 34px 50%;
}

#navigation ul li a:hover, #navigation ul a.aktiv {
  padding-left: 50px;
  background: #000 url(../images/nav-hover.png) no-repeat 34px 50%;
}

/* - - - Ueberschriften - - - */

h1 {
  margin-top: 1em;
  margin-bottom: 0.8em;
  font-size: 1.7em;
  font-weight: normal;
}

h2 {
  font-size: 1em;
  margin-bottom: 0.8em;
}

#page-startseite h1 {
  color: #FEE11F;
}

#page-bauernhof h1 {
  color: #99CC33;
}

#page-haus-am-meer h1 {
  color: #99FFFF;
}

#page-kontakt h1 {
  color: #CCCC99;
}

/* - - - Absaetze - - - */

p {
  margin-bottom: 1.5em;
}

/* - - - Bildergalerie - - - */

#bildergalerie img {
  float: left;
  margin: 0 15px 15px 0;
  background: #EDEDED;
  padding: 3px;
}

/* - - - Tabellen - - - */

table {
  width: 410px;
}

th {
  font-weight: normal;
}

/* - - - Links - - - */

a:link {
  color: #CCCC99;
}


a:hover {
  color: #FFF;
}

/* - - - GoogleMaps - - - */

#map {
  border: 3px solid #FFF;
  float: left;
  margin: 0 15px 10px 0;
}