﻿body    { margin:0;
	      padding:0;
          background-color: #e0e0e0;
          font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
          font-size: 14px; 
          font-style: normal;
          font-variant: normal; 
          font-weight: 400; 
          line-height: 20px; }

h1 		{ font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
          font-size: 36px; 
          font-style: normal; 
          font-variant: normal; 
          font-weight: 500; 
          line-height: 36.4px; }
		  
h2      { font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
          font-size: 24px; 
          font-style: normal; 
          font-variant: normal; 
          font-weight: 500; 
          line-height: 25.4px; }
		  
p       { font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
          font-size: 14px; 
          font-style: normal;
          font-variant: normal; 
          font-weight: 400; 
          line-height: 20px; }
		  
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #c0c0c0;
}

li {
    float: left;
    border-right:1px solid #f0f0f0;
}

li:last-child {
    border-right: none;
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding: 4px 8px;
    text-decoration: none;
}

li a:hover:not(.active) {
	color: white;
	background-color: #0d0d0d;
}

.active {
	color: white;
    background-color: #007600;
}		  

li a, .dropbtn {
    display: inline-block;
    color: black;
	background-color: #c0c0c0;
    text-align: center;
    padding: 4px 8px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
	color: white;
    background-color: #0d0d0d;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #0d0d0d;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 4px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #0d0d0d;}

.dropdown:hover .dropdown-content {
    display: block;
}
 

#container {
	      z-index: 1;
	      position:relative;
	      width: 100%;
	      height: 100%;		  
	    }
		
#content {
    position: relative;
	margin:auto;
	font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
	width:600px;
	height:755px;

}
#header {
	width:100%;
	height:200px;
}		
#menubox {
    background-color: #d0d0d0;
    position: relative;
	margin:auto;
	width:600px;
	height:25px;
    font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
    font-size: 18px; 
    font-style: normal;
    font-variant: normal;
}
#menuinfo {
    position: absolute;
	margin:0;
	width:240px;
    float:left;
    font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
    font-size: 18px; 
    font-style: normal;
    font-variant: normal;
	}
#menuimpressum {
    z-index: 2;
	position: absolute;
	margin:0;
	width:240px;
    float: right;
    font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
    font-size: 18px; 
    font-style: normal;
    font-variant: normal;
	}
	
#zert062018, #zert082019, #zert022020_1, #zert022020_2, #zert102020{
	float: left;
	width:100%;
}

.zoomin_akt img {
	margin-left: 1em;
   	float: left;
	height: 232px;
	width: 160px;
	-webkit-transition: all 2s ease;
       -moz-transition: all 2s ease;
        -ms-transition: all 2s ease;
		    transition: all 2s ease;
}
.zoomin_akt img:hover {
  width: 560px;
  height: 812px;
}

.zoomin img {
	margin-left: 1em;
   	float: right;
	height: 232px;
	width: 160px;
	-webkit-transition: all 2s ease;
       -moz-transition: all 2s ease;
        -ms-transition: all 2s ease;
		    transition: all 2s ease;
}
.zoomin img:hover {
  width: 560px;
  height: 812px;
}