html {
  padding:           0;
  min-height:        100.1%;
}

body {
  text-align:        center;
  font:              normal 100.1%;
  font-family:       Verdana, sans-serif;
  font-decoration:   none;
  color:             #0067A7;
  background:        url('bilder/background.gif') repeat-x white;
  padding:           0;
  margin:            0;
  padding-bottom:    40px;
}

h1#logo {
  position:          relative;
  padding:           0 10%;
  margin:            0; 
}

#content {
  position:          relative;
  top:               -5px;
  text-align:        left;
  margin:            0 15%;
  padding:           20px;
  border:            5px solid #0067A7;
}

ul#navigation {
  padding:           0;
  margin:            0 0 0 20px;
  border:            0;
  width:             30%;
  float:             right;
}

#navigation li {
  font-size:         1em;
  font-weight:       bold;
  padding:           5px 10px;
  margin-bottom:     10px;
  color:             #0067A7;
  list-style-type:   none;
  white-space:       nowrap;
  background:        #EED95F;
}  

li#aktiv {
  background-color:  white;
  padding-left: 0;
}

#content h2, #content h3, #content p {
  font-size: 0.86em;
  padding:6px 10px;
  text-align:left;
  margin:0;
  text-decoration: none;
}

#content h2 {
  font-size: 1.2em;
  margin: 0 10px 10px 10px;
  border-left: solid 10px #0067A7;
  font-style:italic;
  font-weight: bold;
  font-variant: small-caps;
}

h2 span {
  white-space: nowrap;
}

#content h3 {
  margin: 20px 0 0 10px;
  border-left: solid 10px #EED95F;
}

#content p {
  line-height:1.3em;
  margin-left: 20px;
}

#content p.galerie {
  clear: both; 
  padding-left: 0;
  margin-left: 30px;
  margin-bottom: 15px;
}

#content p.klein {
  margin-top: 10px;
  margin-left:0;
  font-size: 0.55em;
  font-style:italic;
  text-align:center;
}

#content img {
  margin: 0 10px 10px 0;
  float: left;
  border: 1px #0067A7 solid;
}

#content img.top {
  float: none;
  border: 0;
}

#navigation li a {
  text-decoration: none;
  border: 0;
  color: #FFFFFF;
  font-weight: bold;
}

#navigation li a:hover {
  text-decoration: none;
  border: 0;
  color: #0067A7;
  font-weight: bold;
}

#content a {
  color: #0067A7;
  border-bottom: dotted 1px #0067A7;
  font-weight: normal;
  text-decoration: none;
}

#content a:hover {
  color: #0067A7;
  border-bottom: 0;
  font-weight: normal;
  text-decoration: none;
}

#content a.bild {
  color: #FFFFFF;
  border-bottom: 0;
  font-weight: normal;
  text-decoration: none;
}

#content a.bild:hover {
  color: #FFFFFF;
  border-bottom: 0;
  font-weight: normal;
  text-decoration: none;
}






@media print {

  body { background: none; background-color: white; }
  #navigation { display:none; }
  h1#name, #seite, #content { width: 100%; color: #0067A7; border-bottom: 0; position:relative; left:0; right:0; top:0; text-align:left; margin-top:0; }
  #content h2, #content h3, #content p { margin-left:0; color: #0067A7; border-left: 0; }
  #content img { border:0; margin:0; padding-right: 20px; }
  .galerie { width: 75%; margin-left:0; padding-left:0;}
  .klein { display:none; }

}