body
{
font-size: 93.75%;
background: #FFFFFF;
border: 0;
margin: 0;
padding: 0;
}

label 
{
font-family: Verdana, Arial, sans-serif;
font-size: 1em; 
color: #d45d18;
display: block;
margin: 0px 0 0;
padding-left: 3px;
border-bottom: 1px solid grey;
background: #FFFFFF;
}

.sub
{
font-family: Times; 
font-size: 0.83em; 
color: #333333;
display: block;
margin: 0px 0 0;
border-bottom: 1px solid grey;
background: #F6F6F6;
}

label:hover
{
text-decoration: underline; 
color: #999999;
cursor: pointer;
}

input 
{
position: absolute;
left: -90em
}

input[type=checkbox]:checked + div
{
opacity:0;
max-height:0;
border:none;
}

dfn
{
font-family: Verdana, Arial, sans-serif; 
}

.header
{
display: none;
}


#slideshow
{
overflow: hidden;
height: 380px;
width: 100%;
margin: 0 auto;
}

.slide-wrapper
{
width: 400%;
-webkit-animation: slide 36s ease infinite;
-moz-animation: slide 36s ease infinite;
-ms-animation: slide 36s ease infinite;
-o-animation: slide 36s ease infinite;
}

.slide
{
float: left;
height: 380px;
width: 25%;
border: 0;
margin: 0;
padding: 0;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}

.slide:nth-child(1)
{
background-image:url("bilder/header1n.jpg");
}

.slide:nth-child(2) {
background-image:url("bilder/header2n.jpg");
}

.slide:nth-child(3)
{
background-image:url("bilder/header3n.jpg");
}

.slide:nth-child(4)
{
background-image:url("bilder/header4n.jpg");
}

.slide-number
{
color: #000;
text-align: center;
font-size: 10em;
}

@-webkit-keyframes slide
{
35% {margin-left: 0px;}
40% {margin-left: -100%;}
55% {margin-left: -100%;}
60% {margin-left: -200%;}
75% {margin-left: -200%;}
80% {margin-left: -300%;}
95% {margin-left: -300%;}
}

@-moz-keyframes slide
{
35% {margin-left: 0px;}
40% {margin-left: -100%;}
55% {margin-left: -100%;}
60% {margin-left: -200%;}
75% {margin-left: -200%;}
80% {margin-left: -300%;}
95% {margin-left: -300%;}
}

@-ms-keyframes slide
{
35% {margin-left: 0px;}
40% {margin-left: -100%;}
55% {margin-left: -100%;}
60% {margin-left: -200%;}
75% {margin-left: -200%;}
80% {margin-left: -300%;}
95% {margin-left: -300%;}
}

@-o-keyframes slide
{
35% {margin-left: 0px;}
40% {margin-left: -100%;}
55% {margin-left: -100%;}
60% {margin-left: -200%;}
75% {margin-left: -200%;}
80% {margin-left: -300%;}
95% {margin-left: -300%;}
}


.hide
{
width: 100%;
border: 0px solid #000;
border-bottom: 1px solid grey;
background: #F6F6F6;
opacity: 1;
height: auto;
overflow: auto;
transition: opacity 0.5s linear, max-height 0.5s linear;
}

.wrapper
{
max-width: 752px;
margin-left: auto;
margin-right: auto;
}

.hide left
{
width: 356px;
float: left;
}

.hide right
{
width: 356px;
float: right;
}

.hide p
{
font-family: Verdana, Arial, sans-serif; 
font-size: 0.7333333333em; 
text-align: justify;
color: #666666;
max-width: 340px;
padding: 8px;
margin: 0;
}

.hide heading 
{
font-family: Verdana, Arial, sans-serif; 
font-size: 0.9333333333em; 
color: #666666;
display: block;
width: 100%;
padding: 0px;
margin: 0;
}

.hide pict1
{
width: 25%;
float: left;
padding: 0px;
margin: 0;
border: none;
}

.hide leer 
{

}

@media only screen and (max-width: 800px) {

body
{
font-size: 120%;
background: #FFFFFF;
}

.header
{
display: block;
width: 300px;
height: 57px;
margin: none;
padding: 0px;
border:0;
background: #0c4f76;
background-image:url("bilder/logo_300.jpg");
}

#slideshow 
{
display: none;
}

.wrapper
{
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
border:0;
}

.hide left
{
max-width: 100%;
float: none;
padding: 0px;
border:0;
}

.hide right
{
max-width: 100%;
float: none;
padding: 0px;
border:0;
}

.hide p 
{
font-family: Verdana, Arial, sans-serif; 
font-size: 0.7333333333em; 
text-align: left;
color: #666666;
max-width: 96%;
padding: 2%;
margin: 0;
}

.hide heading 
{
font-family: Verdana, Arial, sans-serif; 
font-size: 0.9333333333em; 
color: #666666;
display: block;
width: 98%;
padding: 1%;
margin: 0;
}

.hide leer 
{
display: none;
}

}


.follow
{
border-top: 1px solid grey;
margin: 0;
}

.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(256,256,256,0.6);
}

.lightbox img {
	max-width: 100%;
	max-height: 100%;
	margin-top: 10px;
	size: contain;
}

@media only screen and (max-width: 1024px) {
.lightbox img {
	max-width: 80%;
	height: auto;
	margin-top: 4%;
	size: contain;
}}

.lightbox txt {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-decoration: none;
	color: #333333;
	z-index: 1000;
}

.lightbox:target {
	outline: none;
	display: block;

}

a
{
font-family: Verdana, Arial, sans-serif; 
font-decoration: none;
color: #333333;
}

a:hover
{ 
font-decoration: underline;
color: #999999;
}