* {
  margin:0px;
  padding:0px;
  vertical-align:top;
}

a {
  text-decoration:none;
  color:darkcyan;
}

a:focus {
  outline:none;
}

p {
  -moz-hyphens:auto;
  -o-hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto; 
  text-align:justify;
}

abbr[title] {
  border-bottom-width:0px;
}
   
h1, li { 
  margin:0.67em 0em;
}

h1 {
  font-size:1.5em;	
}

h2 { 
  margin:0.75em 0em;
  font-size:1.17em;	
}

h3 { 
  margin:0.83em 0em; 
  font-size:1em;	
}

h4, ul, figure, p { 
  margin:1.12em 0em; 
}

h4 { 
  font-size:0.83em;	
}

ul { 
  margin-left:40px; 
}

figure {
  display:inline-block;
  margin-right:0.3em;
  margin-left:0.3em;
}

figure img {
  width:100%;	
}

figcaption {
  font-size:10pt;
  color:dimgray;
  text-align:center;
  padding-top:0.5em;
}

html {	
  text-align:center;
}

body {
  background-image:url(../images/baumrinde.jpg);
  font-family:"Arial";
}

section {
  display:inline-block;
  margin:2.5% 5%;
  background-color:white; 
  max-width:950px;
  width:92%;
  box-shadow:10px 10px 10px rgba(0,0,0,0.5);
}

header {
  display:block;
  background-color:darkcyan;
  padding:10px;
  text-align:left;
}
  
@media only screen and (max-width: 600px) {
 header nav {
   width:100%;
  }
}

header img, header nav {	
  display:inline-block;
  vertical-align:middle;
}

header nav ul {
  list-style-type:none;
}

header nav a{	
  color:white;
  font-size:1.2em;	
  font-weight:bold;
}

header nav a:hover{	
  color:lightcyan;
}

aside, footer {
  display:block;
}
  
article {
  display:block;
  margin:30px;
  text-align:left;
}

article img {
  box-shadow:1px 1px 0px gainsboro, -1px -1px 0px whitesmoke;  
}
  
footer {
  font-size:10pt;
  background-color:rgb(235,235,235);
  padding:0px 10px;
}

footer div {
  display: inline-block;
  width:24%;
  min-width:12em;
  padding-top:0.3em;	
  padding-bottom:0.3em;	
  vertical-align:middle;
}

footer img {
  width: 50px;	
}
.uppercase {
  text-transform:uppercase;
}

.bold {
  font-weight:bold;
}

.index {
  vertical-align:-2pt; 
  font-size:70%;
}

.align_center {
  text-align:center;
}

.autoren {
  font-variant:small-caps;
}

.clear {
  clear:both;
}

.werdegang td {
  padding:0.5em 0.5em 0.5em 0em;
}

.veroeffentlichungen, .leistungen {
  list-style-type:none;
  margin-left:0px;
}

.leistungen a, .online-angebote a {
  font-weight:bold;
}

.veroeffentlichungen a {
  color:black;
}

@media only screen and (min-width: 800px) {
  #julia_engels { 
	float:right;
    margin-left:35px;
    max-width:484px;
  }
}

#julia_engels { 
  margin-top:0px;
  margin-bottom:10px;
}

#baumpilze {
  max-width:450px;
}

@media only screen and (max-width: 600px) {
  #baumpilze {
    width:100%;
  }
}

.baumkataster figure figcaption,
.visuelle_baumkontrolle figure figcaption  {
  max-width:300px;
}

.gerichtsgutachten figure figcaption  {
  max-width:375px;
}