/* --------------
      CSS 
-------------- */
/* relative Positionierung aller Elemente */
body
{
   background: #b4c7e0;
   font-family: Lato, sans-serif;
   margin: 0px;
   padding: 0px;
}

#head{
   width: 100%;
   height: auto;
   background-color: #1e4580;
   padding-bottom: 10px;
   margin-bottom: -45px;
}

#inhalt{
   width: 70%;
   height: auto;
   max-width:800px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   padding: 40px;
   box-shadow: 0 5px 10px rgba(0,0,0,0.16), 0 5px 10px rgba(0,0,0,0.23);
   background-color: #f2efe8;
}

#nav{
   width: 70%;
   height: auto;
   max-width:800px;
   margin-top: 20px;
   margin-bottom: 40px;
   margin-left: auto;
   margin-right: auto;
   padding: 40px;
   box-shadow: 0 5px 10px rgba(0,0,0,0.16), 0 5px 10px rgba(0,0,0,0.23);
   background-color: #1b4686;
   text-align:center;
}

.bild{	max-width:100%;height:auto}
img{display: block;margin-left:auto;margin-right:auto;margin-top:50px; margin-bottom:50px; vertical-align:middle}
.bildhead{display: block; height: auto; max-width:100%;margin-top:0px; margin-bottom:20px}
	
h1{font-size:36px;font-weight:bold; margin-top:0px; margin-top:0px; text-align: center; }
h2{font-size:28px;font-weight:normal; margin-top:40px; margin-bottom:10px;}
h3{font-size:20px;font-weight:normal; margin-top:30px; margin-bottom:5px;}
p{font-size:16px}
.quelle{ font-size:12px;font-style:italic;}
ul{padding:0;margin:20px 0px 20px 30px;font-size:16px;border:none;}
li{padding:1px;}

.button {
  background-color: none;
  border: 2px solid;
  border-color: none;
  color: #b4c7e0;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
  display: justify;
}

.button:hover {
  color: #ffffff;
}

.button:active {
  color: #ffffff;
}