@charset "utf-8";
/*
 * Author: Engster, Florian (florian@baerennest.org)
 * Legal: http://www.baerennest.org/impressum/index.html
 * 
 */
body {
  background-image: url(./bg.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: sans-serif;
}

div#body {
  width: 70em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48pt;
  margin-bottom: 48pt;
  background-color: white;
  -webkit-box-shadow: 1px 1px 15px black;
  -moz-box-shadow: 1px 1px 15px black;
  box-shadow: 1px 1px 15px black;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: auto;
  padding: 2em;
}

div#head {
  margin-bottom: 48pt;
}

div#head hr {
  margin-bottom: 12pt;
}

div#menu {
  font-size: 110%;
  position:absolute;  
  left: 50%;
  transform: translate(-50%,0);
}

div#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

div#menu ul li {
  float:left;
  width: 8em;
  text-align:center;
  border-top: 1pt solid grey;
  border-bottom: 1pt solid grey;
  margin-top: 1pt;
  margin-bottom: 1pt;
  margin-left: 1ex;
  margin-right: 1ex;
}

div#menu ul li:hover {
  border-top: 2pt solid grey;
  border-bottom: 2pt solid grey;
  margin-top: 0;
  margin-bottom: 0;
}

div#menu ul li a {
  text-decoration: none;
}

div#menu ul li a.active {
  font-weight: bold;
}

/*
div#menu ul li a:hover {
  font-weight: bold;
  text-decoration: underline;
}
*/
 
/*
 * Innerer Kasten für Post-Excerpt
 */
div.post-box {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12pt;
  margin-bottom: 12pt;
  background-color: white;
  -webkit-box-shadow: 1px 1px 15px black;
  -moz-box-shadow: 1px 1px 15px grey;
  box-shadow: 1px 1px 15px grey;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: auto;
  padding: 0.5ex;
}

div.post-box p.post-date {
  text-align: right;
  font-size: 80%;
}
 
div.post-box p.post-title {
  font-weight: bold;
}
 
div.post-box p.post-more {
  text-align: right;
}
 
div.post-box p.post-more a {
  text-decoration: none;
}
 
div.post-box p.post-emblem-cat {
  text-align: right;
  width: 5em;
  margin-left: 1em;
  margin-right: 2em;
  float: left;
  clear: right;
}
 
div.footnotes {
  font-size: 80%;
}
 
h1 {
  color: #000000;
  font-weight: bold;
  text-align: left;
  margin-left: 3%
  }

h2 {
  color: #000000;
  font-weight: bold;
  text-align: left;
  margin-left: 5%;
  }

h3 {
  color: #000000;
  font-style: italic;
  text-align: left;
  margin-left: 6%;
  }

h4 {
  color: #000000;
/*  font-style: italic; */
  text-align: left;
  margin-left: 6%;
  }

span.topic {
  font-weight: bold;
  margin-top: 10px;
  }

p {
  color: #000000;
  text-align: justify;
  margin-left: 8%;
  margin-right: 8%;
  }

p.noindent {
  color: #000000;
  text-align: left;
  margin: 0;
  }

p.center {
  text-align: center;
  }

p.center0 {
  text-align: center;
  margin-left: 0%;
  margin-right: 0%;
  }

p.right {
  text-align: right;
  }

p.copy {
  text-align: center;
  font-size: 80%;
  }

div.center {
  text-align: center;
  }

ul {
  color: #000000;
  text-align: justify;
  list-style-type: disc;
  margin-top: 0;
  margin-right: 8%;
  margin-left: 8%;
  }

ul ul {
  color: #000000;
  text-align: justify;
  list-style-type: circle;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  }

dl ul {
  color: #000000;
  text-align: justify;
  list-style-type: disc;
  margin-top: 10pt;
  margin-right: 0;
  margin-left: 0;
  }

ol {
  color: #000000;
  text-align: justify;
  margin-top: 0;
  margin-right: 8%;
  margin-left: 8%;
  }

dl {
  margin-right: 8%;
  margin-left: 8%;
  }

pre {
  margin-right: 10%;
  margin-left: 10%;
  }

li {
  color: #000000;
  }

dt {
  margin-bottom: 0px;
  font-weight: bold;
  }

dd {
  margin-bottom: 10px;
  margin-left: 15px;
  text-align: justify;
  }

a:link {
  color: #0000FF;
  }

a:active {
  color: #000000;
  }

a:visited {
  color: #800080;
  }

img {
  border: 0;
  }

.gpx {
  border: 5px #aaa solid;
  border-radius: 5px;
  box-shadow: 0 0 3px 3px #ccc;
  width: 800px;
  margin: 1em auto;
}

.gpx .gpx-header {
  padding: 0.5em;
  background: OldLace;
}

.gpx .gpx-header .gpx-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.gpx .gpx-header .gpx-meta {
  margin: 0;
  font-size: 80%;
}

.gpx .gpx-header .gpx-download {
  margin: 0;
  float: right;
}

.gpx .gpx-header .gpx-download img {
  height: 2.3ex;
}

.gpx .map {
  border: 1px #888 solid;
  border-left: none;
  border-right: none;
  width: 800px;
  height: 600px;
  margin: 0;
}

div.image {
  border: 1px solid grey;
  padding: 1ex;
  float: right;
  clear: both;
  background: lightgrey;
  margin-left: 2em;
  margin-bottom: 1em;
  margin-right: 8%;
}

div.image p {
  font-size: 80%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.1ex;
  margin-bottom: 0;
}