body {
	margin:0;
	padding:0;
	max-width:100%;
  font-family: Helvetica, Verdana, Arial, sans-serif;
}
header{
	background-color: #fff;
	width: 100%;
	height: 20%;
	color: #333;
	border-top: 4px solid #69f;
	padding-top: 10px;
	margin: 0;
}
#headline {margin : 0 5px 0 5px;}
.headleft{float: left; padding:0; margin: 0;}
.headright{float: right; margin-top: 0; padding: 10px 5px 0 0;}
#headerbot{
	clear: both;
	width: 100%;
	height: 85px;
	background-color: #565658;
	border-top: 3px solid #69f;
}
.headbox01{float: right;}

h1{font-size: 1.1em; color: #565658; padding: 0;}
#pfad{
	clear: both;
	height: 40px; 
	margin: 0 10px 0 0; 
	padding: 0;
 }
header, #pfad p, a{font-size: 1em; color: #333;}
nav{
font: 1.1em verdana, arial, sans-serif;
margin: 0px 0px 10px 0px;
padding: 2px 0 0 0;
width: auto;
height: 26px;
background-color: #69f;
}
#menucont {
color: #000;
background-color : transparent;
width: 400px;
height: 20px;
position: absolute;
}
.menublock, .display {
float: left;
width: 100px;
background-color: #36c;
}
.subs{
background-color: #36c;
}
.subs a{
display: block;
font-size: 1em;
}
.menublock .subs{
display: none;
}
a.tl, a.tl:hover, a.tl:active, a.sl, a.sl:hover, a.sl:active { 
display: block;
text-decoration: none; 
color: #000;
background-color: #6699ff;
margin: 0 1px 0 1px;
padding: 2px 2px 2px 2px;
border: none;
text-align: center;
font-size: 0.8em;
font-weight: normal;
}
a.tl:hover, a.tl:active , a.sl:hover, a.sl:active{ 
background-color: #E0E0E0;
text-align: center;
}
a.sl, a.sl:hover, a.sl:active{
text-align: center;
border: 1px solid #36c;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #565658;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1em;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #69f;

}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
section {
  margin: 0 auto;
  max-width: 90%;
  padding: 10px 0 10px 0;
  text-align: left;
  background-color: transparent;
}
h2{font-size: 1.1em; font-weight: bold; color: #69f; text-align: left; margin: 20px 0 6px 0; padding: 0;}
h3{font-size: 1em; font-weight: bold; color: #333; text-align: left;}
section p{text-align: left; font-size: 1em;}
section .ttop{float: right; font-size: 1em; font-weight: bold; text-align: right; text-decoration: none;}
 
div.gallery {
  text-align: center;
}
div.gallery img {
  padding: 1px;
  margin: 0;
    box-sizing : border-box;
		box-shadow: 0 0 15px gray;     		 
}

div.desc {
  padding: 10px;
  text-align: center;
}
div.desc p {text-align:center;}
* {
  box-sizing: border-box;
}
.responsive {
  padding: 0 2px;
  float: left;
  width: 24.99999%;
}
div.tab{width : 100%;}

footer{
clear: both;
height: 40px;
text-align: center;
border-top: 1px solid silver;
}
footer a, p{font-size: 0.9em; text-align:center; padding: 6px 0 6px 0; }
.ttop{
	text-decoration: none;
	font-weight : bold;
	}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  
}
@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
  	#navibox {visibility : hidden;}
	-ms-webkit-[hidden] { display: none; }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;