* {margin: 0;padding: 0;}
img {border:0;}
.right {float:right;}
.left {float:left;}
.center{text-align:center;font-size:1em;}
.hundertpx{width:100px;padding: 0 1em 0 1em;}
.page_margins { min-width: 30px; max-width: 1920px;margin: 0 auto;}
.clear{clear:both;}
h1, h2, h3 {padding:0.2em 0 1em 0;font-family: 'Roboto';font-weight: 300;font-style: normal;}
td.tabnot{width:35%;padding:5%;}

body{background-color:#FFF;z-index:1;position: relative;top:0;width:100%;margin:0;padding:0;font-family: 'Roboto';font-weight: 300;font-style: normal;}
#pagewrapper{z-index:1;position: relative;top:0;border:0;margin:0 auto;padding:0;background-color:#FFF;}

/********header***********/
#header{background-color:#fff;padding:1em 16.66% 1em 16.66%;z-index:1;position:relative;top:0;}
#headtext{color:#406599;font-size:300%;font-family: 'Roboto';font-weight: 300;float:left;width:48%;}
#adrestext{float:right;width: 48%;font-size:0.75em;padding:0.5em 0 0.5em 0.5%;color:#333;}
#adrestext > table {float:right;}
#mobaddr{display:none;}

#telefon{display:none;}
#navigation{padding:0 16.66% 0 16.66% ;margin:0;height:3.6em;position:relative;z-index:1;}

div#balk{position:relative;top:0;z-index:1;width:66.67%;background-color:#8cade5;padding:0 16.67% 0 16.67%;}
div#balk img{width:66.67%%;}
div#balk img.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}

/*******vloerkl start*********/
@keyframes one {0% {opacity:1;} 20% {opacity:0;} 40% {opacity:0;} 60% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} }
@keyframes two {0% {opacity:0;} 20% {opacity:1;} 40% {opacity:0;} 60% {opacity:0;} 80% {opacity:0;} 100% {opacity:0;} }
@keyframes three {0% {opacity:0;} 20% {opacity:0;} 40% {opacity:1;} 60% {opacity:0;} 80% {opacity:0;} 100% {opacity:0;} }
@keyframes four {0% {opacity:0;} 20% {opacity:0;} 40% {opacity:0;} 60% {opacity:1;} 80% {opacity:0;} 100% {opacity:0;}  }
@keyframes five {0% {opacity:0;} 20% {opacity:0;} 40% {opacity:0;} 60% {opacity:0;} 80% {opacity:1;} 100% {opacity:0;}  }

img.b0{width:66.67%;} 
img.b1{width:66.67%; animation-name: one; animation-timing-function: ease-in; animation-duration: 40s;animation-iteration-count: infinite;}
img.b2{width:66.67%; animation-name: two; animation-timing-function: ease-in; animation-duration: 40s;animation-iteration-count: infinite;}
img.b3{width:66.67%; animation-name: three; animation-timing-function: ease-in; animation-duration: 40s;animation-iteration-count: infinite;}
img.b4{width:66.67%; animation-name: four; animation-timing-function: ease-in; animation-duration: 40s;animation-iteration-count: infinite;}
img.b5{width:66.67%; animation-name: five; animation-timing-function: ease-in; animation-duration: 40s;animation-iteration-count: infinite;}


div#erste{position:absolute;top:0;left:16.67%;z-index:15;width:66.67%;}
div#zweite{position:absolute;top:0;left:16.67%;z-index:14;width:66.67%;}
div#dritte{position:absolute;top:0;left:16.67%;z-index:13;width:66.67%;}
div#vierte{position:absolute;top:0;left:16.67%;z-index:12;width:66.67%;}
div#fuenfte{position:absolute;top:0;left:16.67%;z-index:11;width:66.67%;}
div#null{position:absolute;top:0;left:16.67%;z-index:10;width:66.67%;}

.bgvl {margin:0;width:66.67%;display:block;}
/*******vloeierkl stop*********/


/************touch menu***********/
#nav
{width: 100%; position: relative; top:0; left: 0; height: 3.5em; margin: 0; z-index:0;}

#nav > a {display: none;}
#nav li {position: relative; list-style: none;box-shadow:1px 1px 2px #AAA;}
#nav li a {color: #406599;display: block;}
#nav li a:active {background-color: #FFF !important;}
#nav span:after {width: 0;height: 0;border-bottom: none;content: '';vertical-align: middle;display: inline-block;position: relative;}

/* first level */
#nav > ul{height: 3.6em; background-color: #FFF; }
#nav > ul > li {width: 16.66%;height: 3.5em;float: left;}
#nav > ul > li > a {font-size: 1em; line-height: 1.3em; text-align: left;padding:4% 0 4% 4%;}
#nav > ul > li:not( :last-child ) > a {border-right: 0;}
#nav > ul > li:hover > a, #nav ul > li:hover , #nav > ul:not( :hover ) > li.active > a {color: #333;background-color:#CDE9FB;}

/* second level */
#nav li ul {color: #406599;display: none;position: absolute;top: 100%;}
#nav li:hover ul {display: block;left: 0;right: 0;background-color:#FFF;}
#nav li:not( :first-child ):hover ul {left: -1px;}
#nav li ul a {font-size: 1em; border-bottom: 1px solid #888;padding:4% 0 4% 4%;}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {color: #333;text-decoration: underline;background-color:#CDE9FB;}

#/*nav{ width: 100%;position: static;margin: 0;}*/*

li.unternv{margin-top:0.2em;}
li.navigation2 a{padding: 0 2% 0 2%;display:inline-block;text-decoration:none;}
li.navigation2 a:hover {padding: 0 2% 0 2%;background-color:#FFF;display:inline-block;color:#444;text-decoration:none;}
.navigation2{font-size:1em;text-align:left;list-style:none;display:inline;}

/* ende navigation*/

.picpark {width:50%;float:left;margin:0 2% 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.picpark:hover{width:98%;}

/*#menuwrapper{
background-color:#FFF;
height:3.5em;
}*/

input{background-color:#F2F2F2;font-family: 'Roboto';font-weight: normal;font-style: normal;font-size:1.1em;width:90%;max-width:600px;border:1px solid #BBB;padding:0.2em;}
textarea{background-color:#F2F2F2;font-family: 'Roboto';font-weight: normal;font-style: normal;font-size:1.1em;width:90%;max-width:600px;border:1px solid #BBB;padding:0.2em;}
.knop{cursor:pointer;padding:0.2em;font-weight:bold; }

#contentwrapper{padding:0 16.66% 0 16.66% ;margin:0;}

#content{
width:66.67%;
float:left;
margin: 1em 0 1em 0;
padding: 0;
border:0;
line-height:1.4em;
}

#contenttext > ul
{list-style: disc outside none;margin-left:2em;} 

ul.outs {list-style: disc outside none;margin-left:2em;} 

#content:after {
content:'';
display:block;
clear:both;
}

#contenttext{
padding:0.5em 1em;
}
#contenttextr{
padding:0.5em 1em;
float:right;
}
ul {overflow:auto;}
li.qlb {display:inline-block;list-style:none;margin:0 1% 1em 0;cursor:pointer;width:30%;box-shadow:1px 1px 2px #AAA;}
li.qlb img {margin-bottom:0.3em;display:block;}
.tcenter{text-align:center;font-size:1em;width:100%;}
.iteam{width:100%;font-size:1 em;}

#header2{
float:left;
width:33.32%; padding: 0 0.5% 0 0.5%
background-color:#F2F2F2;
color:#333;
margin:1.5em 0 1em 0;
font-style:normal;
line-height:1.4em;
display:block;
}
#header2 h2{
background-color:#F2F2F2; padding:0.3em;}

#luger{width:30%;float:left;padding:1em 1% 1em 1% ; font-size: 0.9em;}
#schoeffl{width:30%;float:left;padding:1em 1% 1em 1% ; font-size: 0.9em;}

#news{
float:right;
width:33.32%;
background-color:#FFF;
color:#333;
margin:1.5em 0 1em 0;
font-style:normal;
line-height:1.4em;
display:block;
}
#news h2{
background-color:#F2F2F2;padding: 0.3em;}
#news p{padding: 0.3em;}


noscript span {display:none}

#map {margin:2em;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:1px solid gray;
border-bottom:1px solid gray;}


.content{
list-style:disc;
margin-left:1em;
background:none;
width:100%;}


a{color:#406599;;
text-decoration:none;}

a:hover
{color:#000;
text-decoration:none;}

.leistung{
width:96%;
margin:0.5em 0.75% 0 0;
padding: 0.2em 1% 0.2em 1%;
font-size:90%;
border:1px solid #AAA;
box-shadow:1px 1px 2px #AAA;
float:left;
}

#footer
{clear:both;
color:#333;
height:2.4em;
font-size:0.85em;
padding: 0.4em 1em 0.4em 1em ;
background-color: #FFF;
box-shadow:1px 1px 6px #AAA;
text-align:center;}

@media screen and (min-width: 1680px) and (max-width: 1920px) 
{
body{font-size: 1.1em;}
.mapsize{width:800px;height:600px;}
}

@media screen and (min-width: 1280px) and (max-width: 1679px) 
{
body{font-size: 1.1em;}
#nav > ul > li {width: 14.75%;}
.mapsize{width:700px;height:540px;}
.tcenter{text-align:center;font-size:0.70em;}
#mobaddr{display:none;}
}

@media screen and (min-width: 960px) and (max-width: 1279px)
{
body{font-size: 1.0em;}
#headtext{font-size:225%;}
#adrestext{font-size:0.6em;}
#mobaddr{display:none;}

#nav > ul > li {width: 15.75%;}
#content {width:97%;}
#adresblok{width:95%;}
#adrestext{width:50%;}
#luger{width:47%;float:left;}
#schoeffl{width:47%;float:left;}
#news{float:left;width:100%;}
.mapsize{width:600px;height:480px;}
.tcenter{text-align:center;font-size:0.65em;}

.picpark {width:60%;float:left;margin:0 2% 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.picpark:hover{width:98%;}

}

@media screen and (min-width: 800px) and (max-width: 959px) 
{
body{font-size: 1em;}
#navigation{padding:0 8.33% 0 8.33% ;margin:0;height:3.6em;position:relative;z-index:1;}
#mobaddr{display:block;}

div#balk{position:relative;top:0;z-index:1;width:83.33%;background-color:#8cade5;padding:0 8.33% 0 8.33%;}
div#balk img{width:88.33%%;}
div#balk img.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
    
div#erste{position:absolute;top:0;left:8.33%;z-index:15;width:83.33%;}
div#zweite{position:absolute;top:0;left:8.33%;z-index:14;width:83.33%;}
div#dritte{position:absolute;top:0;left:8.33%;z-index:13;width:83.33%;}
div#vierte{position:absolute;top:0;left:8.33%;z-index:12;width:83.33%;}
div#fuenfte{position:absolute;top:0;left:8.33%;z-index:11;width:83.33%;}
div#null{position:absolute;top:0;left:8.33%;z-index:10;width:83.33%;}
.bgvl {margin:0;width:66.67%;display:block;}

#headtext{font-size:200%;}
#adrestext{font-size:0.6em;}

#nav{font-size:0.85em;}
#nav > ul > li {width: 16.1%;}

.picpark {width:70%;float:left;margin:0 2% 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.picpark:hover{width:98%;}

#contentwrapper{padding:0 8.33% 0 8.33% ;margin:0;}
#content {width:97%;}

#adresblok{width:95%;}
#adrestext{width:50%;}
#luger{width:47%;float:left;}
#schoeffl{width:47%;float:left;}
#news{float:left;width:100%;}
.mapsize{width:500px;height:600px;}
.tcenter{text-align:center;font-size:0.65em;}

#mobaddr{display:none;}

#OpenLayers_Map_5_OpenLayers_ViewPort {z-index: -1;}
#map > div.olMapViewport {z-index: -1;}
}

@media screen and (min-width: 600px) and (max-width: 799px) 
{
body{font-size: 0.9em;}

div#balk{position:relative;top:0;z-index:1;width:83.33%;background-color:#8cade5;padding:0 8.33% 0 8.33%;}
div#balk img{width:83.33%%;}
div#balk img.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
    
div#erste{position:absolute;top:0;left:8.33%;z-index:15;width:83.33%;}
div#zweite{position:absolute;top:0;left:8.33%;z-index:14;width:83.33%;}
div#dritte{position:absolute;top:0;left:8.33%;z-index:13;width:83.33%;}
div#vierte{position:absolute;top:0;left:8.33%;z-index:12;width:83.33%;}
div#fuenfte{position:absolute;top:0;left:8.33%;z-index:11;width:83.33%;}
div#null{position:absolute;top:0;left:8.33%;z-index:10;width:83.33%;}
.bgvl {margin:0;width:66.67%;display:block;}


#headtext{font-size:225%;width:70%;}
#adrestext{display: none;}
#telefon{display:block;position:absolute;left: 70%;top: 0.1em;z-index:0;}
#contentwrapper{padding:0 8.33% 0 8.33% ;margin:0;}
#content {width:97%;}
#adresblok{width:95%;}
#luger{width:47%;float:left;}
#schoeffl{width:47%;float:left;}
#news{float:left;width:100%;}
.mapsize{width:500px;height:600px;}
.tcenter{text-align:center;font-size:0.50em;}

.picpark {width:80%;float:left;margin:0 2% 0.5em 0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease;}
.picpark:hover{width:98%;}

#navigation {height: 3.6em; margin: 0;padding: 0 8.88%; position: relative; z-index: 1;}

#nav { position: relative; top: auto; left: auto;}
#nav > a {width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background-color: #003966; position: relative;}
#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#nav > a:after { top: 60%;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}
/* first level */
#nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
#nav:target > ul {display: block;}
#nav > ul > li {width: 98%; float: none; box-shadow:none;border:1px solid #888;margin-top:2px;}
#nav > ul > li > a {height: auto;text-align: left;padding: 0.416em 0 0 0.416em;}

#nav > ul > li:not( :last-child ) > a {border-right: none;}
/* second level */
#nav li ul {position: static;padding: 1.25em; padding-top: 0;}

#mobaddr{display:block;font-size:90%;margin:1em 0 1em 0;}
#contenttext{padding:1em;}

#OpenLayers_Map_5_OpenLayers_ViewPort {z-index: -1;}
#map > div.olMapViewport {z-index: -1;}
}

@media screen and (min-width: 320px) and (max-width: 599px)
{
body{font-size: 0.9em;}

div#balk{position:relative;top:0;z-index:1;width:83.33%;background-color:#8cade5;padding:0 8.33% 0 8.33%;}
div#balk img{width:83.33%%;}
div#balk img.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
.right-ad{position:absolute; right:16.67%; top:0; width:12.5%; height:auto; margin:0.5em 0 0.5em 0; z-index:20;}
    
div#erste{position:absolute;top:0;left:8.33%;z-index:15;width:83.33%;}
div#zweite{position:absolute;top:0;left:8.33%;z-index:14;width:83.33%;}
div#dritte{position:absolute;top:0;left:8.33%;z-index:13;width:83.33%;}
div#vierte{position:absolute;top:0;left:8.33%;z-index:12;width:83.33%;}
div#fuenfte{position:absolute;top:0;left:8.33%;z-index:11;width:83.33%;}
div#null{position:absolute;top:0;left:8.33%;z-index:10;width:83.33%;}
.bgvl {margin:0;width:66.67%;display:block;}


#headtext{font-size:150%;width:70%;}
#adrestext{display: none;}
#telefon{display:block;position:absolute;left: 70%;top: 0.1em;z-index: 10;}
#content {width:97%;}
#adresblok{width:95%;font-size: 0.9em;}
#luger{width:47%;float:left;}
#schoeffl{width:47%;float:left;}
#news{float:left;width:100%;}
.mapsize{width:320px;height:500px;}
.tcenter{text-align:center;font-size:0.45em;}

#navigation {height: 3.6em; margin: 0;padding: 0 2%; position: relative; z-index: 1;}

#header{padding:1em 2% 1em 2%;}
div#balk{width:96%;padding:0 2% 0 2%;}
#contentwrapper{padding:0 2% 0 2% ;margin:0;}
div#null, div#erste, div#zweite, div#dritte, div#vierte, div#fuenfte{left:2%;width:81.33%;}
img.b0, img.b1, img.b2, img.b3, img.b4, img.b5{width:79.33%;}

.picpark {width:98%;float:left;margin:0 2% 0.5em 0;}
.picpark:hover{width:98%;}

#nav { position: relative; top: auto; left: auto;}
#nav > a {width: 3.125em; height: 3.125em;  text-align: left;	text-indent: -9999px; background-color: #003966; position: relative;}
#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#nav > a:after { top: 60%;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}
/* first level */
#nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
#nav:target > ul {display: block;}
#nav > ul > li {width: 98%; float: none;box-shadow:none;border:1px solid #888;margin-top:2px;}
#nav > ul > li > a {height: auto;text-align: left;padding: 0.416em 0 0 0.416em;}
#nav > ul > li:not( :last-child ) > a {border-right: none;}
/* second level */
#nav li ul {position: static;padding: 1.25em; padding-top: 0;}

#mobaddr{display:block;font-size:70%;margin:1em 0 1em 0;}
#contenttext{padding:1em;}

#OpenLayers_Map_5_OpenLayers_ViewPort {z-index: -1;}
#map > div.olMapViewport {z-index: -1;}

}

@media screen and (min-width: 30px) and (max-width: 320px)
{
body{font-size: 0.9em;}
#header{padding:1em 2% 1em 2%;}
div#balk{width:96%;padding:0 2% 0 2%;}
#contentwrapper{padding:0 2% 0 2% ;margin:0;}
div#erste, div#zweite, div#dritte, div#vierte, div#fuenfte{left:2%;width:64.67%;}
img.b1, img.b2, img.b3, img.b4, img.b5{width:99.99%;}

.picpark {width:98%;float:left;margin:0 2% 0.5em 0;}
.picpark:hover{width:98%;}

#adrestext{display: none;}
#headtext{font-size:150%;width:70%;}
#telefon{display:block;position:absolute;left: 70%;top: 0.1em;z-index: 10;}
#content {width:95%;}
#adresblok{width:95%;font-size: 0.9em;}
#luger{width:95%;float:left;}
#schoeffl{width:95%;float:left;}
#news{float:left;width:100%;}
.mapsize{width:320px;height:500px;}
.tcenter{text-align:center;font-size:0.40em;}

#navigation {height: 3.6em; margin: 0;padding: 0 2%; position: relative; z-index: 1;}

#nav { position: relative; top: auto; left: auto;}
#nav > a {width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background-color: #003966; position: relative;}
#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
#nav > a:after { top: 60%;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}
/* first level */
#nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
#nav:target > ul {display: block;}
#nav > ul > li {width: 98%; float: none;}
#nav > ul > li > a {height: auto;text-align: left;padding: 0.416em 0 0 0.416em;}
#nav > ul > li:not( :last-child ) > a {border-right: none;}
/* second level */
#nav li ul {position: static;padding: 1.25em; padding-top: 0;}

#mobaddr{display:block;font-size:60%;margin:1em 0 1em 0;}
#contenttext{padding:1em;}

#OpenLayers_Map_5_OpenLayers_ViewPort {z-index: -1;}
#map > div.olMapViewport {z-index: -1;}
}