@font-face {
font-family: 'arial';
             src: url('wynafont/arial/Arial.eot#')  format('eot'),
                  url('wynafont/arial/Arial.woff')  format('woff'),
                  url('wynafont/arial/Arial.ttf')   format('truetype'),
                  url('wynafont/arial/Arial.svg#svgFontName')  format('svg');
}
@font-face {
font-family: 'arial_bold';
             src: url('wynafont/arial_bold/Arial_Bold.eot#')  format('eot'),
                  url('wynafont/arial_bold/Arial_Bold.woff')  format('woff'),
                  url('wynafont/arial_bold/Arial_Bold.ttf')   format('truetype'),
                  url('wynafont/arial_bold/Arial_Bold.svg#svgFontName')  format('svg');
}
@font-face {
font-family: 'arial_bold_italic';
             src: url('wynafont/arial_bold_italic/Arial_Bold_Italic.eot#')  format('eot'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.woff')  format('woff'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.ttf')   format('truetype'),
                  url('wynafont/arial_bold_italic/Arial_Bold_Italic.svg#svgFontName')  format('svg');
} 
@font-face {
font-family: 'arial_italic';
             src: url('wynafont/arial_italic/Arial_Italic.eot#')  format('eot'),
                  url('wynafont/arial_italic/Arial_Italic.woff')  format('woff'),
                  url('wynafont/arial_italic/Arial_Italic.ttf')   format('truetype'),
                  url('wynafont/arial_italic/Arial_Italic.svg#svgFontName')  format('svg');
} 
.q1 {
}
.q2 {
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top: 1px solid white;
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
}
a.c1 {
display: inline;
margin-left: 30px;
}
.q3 {
display: none;
margin-left: 50px;
}
.q5 {
display: none;
margin-left: 50px;
}/*
li.q2:hover>ul.q3{
display: block;
}
li.q4:hover>ul.q5 {
display: block;
}
*/
.q6 {
width: auto;

}

footer#footer {
height: 30px;
width: 100%;
background-color: #214e82;
position: relative;
}
#smallnav {
width: 100%;
position: fixed;
background-color:red;
margin-top: 110px;
z-index: 100000;
display: none;
}
.strich {
height: 4px;
width: 26px;
background-color: #214e82;
margin-top: 4px;
margin-left: 12px;
padding: 0;
display: block;
}
ul {
width: auto;
padding: 0;
margin: 0;
}
li {
width: auto;
}
body,html {
background-color:white;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
a.home {
position: fixed;
z-index: 1002;
width: 250px;
}
/*kopf*/
#kopfteil {
position: fixed;
height: 30px;
width: 100%;
background-color:#214e82;
z-index: 10;
}
p.kontakt {
color:#f2f2f2;
float: left;
padding: 0;
margin: 0;
font-family: arial;
font-size: 12px;
padding-left: 30px;
line-height: 30px;
}
p#kontakt2 {
color:#f2f2f2;
padding: 0;
margin: 0;
font-family: arial;
font-size: 12px;
padding-left: 30px;
line-height: 30px;
text-align: center;
}
/*kopf*/
/*navigation*/
h1#logo {
font-size: 16px;
margin: 0;
line-height: 13px;
padding: 12px 0px 0px 0px;
font-family: arial;
letter-spacing: 0;
text-align: center;
}
#schlagschatten {
height: 52px;
width: 100%;
background: url(bilder/schlagschattengross.png) no-repeat;
background-size: 100% 100%;
position: fixed;
margin-top: 50px;
z-index: 100;
opacity: 0.5;
}
#schlagschatten2 {
height: 52px;
width: 100%;
background: url(bilder/schlagschattengross2.png) no-repeat;
background-size: 100% 100%;
z-index: 100;
opacity: 0.5;
margin-top: -52px
}
a{
color: rgb(77, 77, 77);
text-decoration: none;
font-family: arial_bold;
font-size: 11px;
letter-spacing: 2px;
line-height: 50px;
width: 200px;
height: 50px;
display: block;
cursor: pointer;
}
div#navigation {
margin-top: 30px;
width: 100%;
height: 50px;
background-image: url(bilder/hintergrund.jpg);
background-size: 50px 100%;
background-repeat: repeat;
background-color: grey;
position: fixed;
z-index: 100000;
box-sizing: border-box;

border-bottom: 1px solid rgba(0,0,0,0.2);
}
header#titel {
height: 100%;
width: 250px;
float: left;
margin: 0;
padding: 0;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
}
ul#navigation1 {
margin: 0; 
padding: 0;
}
.titel2 {
float: left;
position: relative;
line-height: 0px;
display: block;
width: 200px;
text-align: center;
list-style: none;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
}
.unterregister2 {
position: absolute;
line-height: 50px;
text-align: center;
list-style: none; 
margin-left: -1px;
z-index: 1000;
display: none;
}
.unterregister {
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
margin: 0;
padding: 0;
text-align: center;
width: 200px;
margin-left: 0px;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top:1px solid white;
}

.unterregister3 {
position: absolute;
line-height: 50px;
text-align: center;
width: 200px;
margin: 0;
padding: 0;
top: 0px;
left: 200px;
z-index: 1000;
display: none;
}
.unterregister4 {
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
line-height: 50px;
text-align: center;
list-style: none; 
width: 200px;
margin: 0;
padding: 0;
box-sizing: border-box;
border-right: 1px solid rgba(0,0,0,0.2);
border-left:1px solid white;
border-bottom: 1px solid rgba(0,0,0,0.2);
border-top:1px solid white;
}

li.titel2:hover>ul.unterregister2, li.titel2:active>ul.unterregister2{
display: block;
}
li.unterregister:hover>ul.unterregister3,li.unterregister:active>ul.unterregister3  {
display: block;
}
a:hover,a:active {
letter-spacing: 2.2px;
color:#214e82;
}

li{
list-style: none;
}



/*navigation*/
/*banner*/
section#banner1 {
width: 100%;
height: 500px;
background-color: white;
background: url(bilder/VorlageLogo.jpg) no-repeat;
background-size: cover;
padding-top: 80px;
}
article#banner {
height: 100%;
width: 1200px;
position: relative;
left: 50%;
margin-left: -600px;
}
 #halterrechts
{
width: 50%;
height: 100%;
float: left;
}
#halterlinks {
width: 50%;
height: 100%;
float: left;
}
img#bigbanner {
position: relative;
width:100%;
float: right;
top: 10px;
}
p, h1 {
padding: 0px 10px 5px 50px;
font-family: arial;
font-size: 15px;
color:black;
letter-spacing: 1px;
}
h1 {
margin-top: 9%;
color: #214e82;
font-family: arial;
font-size: 18px;
letter-spacing: 2px;

}
/*banner*/
/*content*/

section#content {
width: 100%;
background-color: white;
}
div#contenthalter {
height: 350px;
width: 1200px;
position: relative;
left: 50%;
margin-left: -600px;
}
article.topdienstleistung {
width: 33%;
float: left;
}
h1.dienstleistung, p.diensleistung {
padding: 0;
margin-top: 0;
position: relative;
}
h1.dienstleistung {
font-family: arial;
color: black;
font-size: 15px;
padding: 20px 30px 0px 30px;
margin-top: 40px;
}
p.diensleistung {
font-family: arial;
line-height: 18px;
font-size: 15px;
padding-top: 0px;
color:black;

padding: 10px 30px 10px 30px; 
}
/*content*/

@media screen and (min-width:1050px) {
#smallnav {
display: none;
}
#smallnavigation {
display: none;
}
}
@media screen and (max-width:1050px) {
footer#footer {
height: 180px;
padding-top: 30px;
padding-bottom: 30px;
}
.mediaqueries {
display: none;
}
.mediaqueries2 {
text-align: left;
display: block;
margin: 0;
padding: 0;
width: 240px;
color: white;
float:none;

width: 240px;
}
#kontakt2 {
text-align: left;
}
    
#kopfteil {
position: fixed;
height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
p.kontakt {
color:#f2f2f2;
line-height: 20px;
display:  block;
float:none;

width: 240px;
}
div#navigation {
margin-top: 60px;

}
    
    
    
    
    
ul#navigation1 {
margin: 0; 
padding: 0;
display: none;
} 
#smallnavigation {
position: fixed;
top: 60px;
height: 50px;
left: 100%;
width: 50px;
z-index: 1000000000000;
margin-left: -51px;
border-left: 1px solid rgba(0,0,0, 0.2);
}
.strich {
height: 4px;
width: 26px;
background-color: #214e82;
margin-top: 4px;
margin-left: 12px;
padding: 0;
display: block;
}
#smallnav {
width: 100%;
max-height: 70%;
position: fixed;
background-color:grey;
margin-top: 110px;
z-index: 100000;
display: none;
overflow: scroll;
background-image: url(bilder/hintergrund.jpg);
background-size: 100% 100%;
}
#schlagschatten {
display: none;
}
}
@media screen and (max-width:1200px) {
#halterlinks {
display: none;

}
article#banner {
height: 100%;
width: 100%;
position: relative;
left: 0;
margin: 0;
padding: 0;
}
 #halterrechts
{
width: 100%;
height: 100%;
float: left;
}
p, h1 {
padding: 15px 10px 5px 30px;
}
}
@media screen and (max-width:535px) {
section#banner1 {
width: 100%;
height: 600px;
background-color: white;
background: url(bilder/VorlageLogo.jpg) no-repeat;
background-size: cover;
padding-top: 80px;
}
p, h1 {
padding: 15px 10px 5px 30px;
}
}
/*content*/
@media screen and (max-width:1200px) {
div#contenthalter {
height: auto;
width: 100%;
position: relative;
left: 0%;
margin-left: 0px;
}
article.topdienstleistung {
width: 100%;
float: none;

}
h1.dienstleistung {
font-family: arial;
color: black;
font-size: 15px;
padding: 20px 30px 0px 30px;
margin-top: 10px;
}
}
/*content*/

@media screen and (max-width:400px) {
section#banner1 {
height: 700px;

}}
@media screen and (max-width:305px) {
section#banner1 {
height: 750px;

}}
@media screen and (max-width:280px) {
section#banner1 {
height: 850px;

}}
@media screen and (max-width:260px) {
section#banner1 {
height: 950px;

}}
@media screen and (max-width:240px) {
section#banner1 {
height: 1200px;

}}
@media screen and (min-height:910px) and (min-width:1200px) {
footer#footer {
height: 30px;
width: 100%;

margin-top: -30px;
top: 100%;
position: fixed;
}
}