/* CSS Document */

* {
  margin: 0;
  padding: 0; 
}


body {
  background-color: gray;
  font-family: Lucida Sans Unicode, Lucida Grande, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;  
}

img { 
  border: 0;
}

fieldset {
  border: 0;
  margin-top: 2em;
}

div#wrapper1 {
  width: 1000px;
  margin: 10px auto;

  background-color: white;
  text-align: left;
}


div#wrapper2 {
  padding: 35px 10px;
}

div#header {
  width: 980px;
  height: 284px;
  margin:  auto;
  background-image: url(img/banner.jpg);
}

div#headerText {
  position: relative;
  top: 30px;
  left: 500px;
  width: 360px;
}

h1 {
  font-size: 4em;
  font-family: arial, helvetica, sans-serif;
  color: #ddd;
}
h1 a {
  color: inherit;
  text-decoration: inherit;
}
h1 a:hover {
  text-decoration: inherit;
}
h2 {
  margin-bottom: 1em;
}

div#headerText div#motto {
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
  font-family: helvetica;
  padding-left: 2em;
  color: white;
}

div#main {
  padding: 20px 10px;
  min-height: 380px;
}

div#content {
  margin-right: 430px;
  padding-right: 30px;
  min-height: 380px;
}

/* Sidebar & Navigation */
div#sidebar {
  float: right;
  width: 200px;
}
div#sidebar h2, div#midbar h2 {
  font-size: 8pt;
  letter-spacing: 0.425em;
  color: #888;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
div#sidebar div, div#midbar div {
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
ul.nav {
  list-style-type: none;
  margin-bottom: 1em;
  line-height: 1.25em;
  padding-left: 0.5em;
}
ul.nav a {
  color: blue;
  text-decoration: none;
}
ul.nav a:hover {
  text-decoration: underline;
}

div#midbar {
  float: right;
  width: 200px;
  margin-right: 10px;
}
div#midbar p.schwachfug {
  margin-bottom: 1em;
  font-style: italic;
}

/* Content */
div#intro {
  margin-bottom: 2em;
} 

div#content p {
  line-height: 1.5em;
  text-align: justify;
  margin-bottom: 1em;
}

div#content fieldset p {
  text-align: left;
}

div#content h2 {
  margin-bottom: 0;
}

div#content h3 {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 0.5em;
  color: #888;
}
div#content a.staticmap {
  display: block;
  margin-bottom: 0.5em;
}
div#content a.staticmap img {
  padding: 2px;
  border: 1px solid #888;
}
div#content p.comment {
  text-align: right;
}

div.kommentar {
  margin-bottom: 1em;
}

div#fotos, div#impressum  {
  margin-right: 220px;
}

div#map img[src*="static.flickr"][src$="_s.jpg"] {
  border: 4px solid white !important;
  border-bottom-width: 10px !important;
}

div#map h4 {
  margin-bottom: .5em;
}

/* footer */
div#footer {
  padding-left: 10px;
  color: #999;
}

/* generic */
a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

br.clear {
  clear: both;
  display: none;
}