*{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1;
  background:#fff;
  }

ol, ul {
  list-style: none;}

/*--------------------------------------------------------------*/
body {
width:100%;
  text-align: center;
  background:#fff;
  margin: 0 auto;
  font-size: 1em/1.2;
  font-family: "Roboto Condensed", sans-serif,Arial;
  font-weight: 300;
  color: #111; }

  /*----------------------header-------------------------------*/

header {
width:95%;
  text-align: center;
  position: relative;
  display:inline-block;
  background-image: url(../images/slider_low.jpg);
  background-repeat: repeat-x;
  background-size: 400%;
  padding-bottom: 30%;
  -webkit-animation: h_slide 24s ease-out infinite;
  -moz-animation: h_slide 24s ease-out infinite;
  animation: h_slide 24s ease-out infinite; 
-moz-box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -10px #333;
-webkit-box-shadow:  inset 0px 30px 45px -25px #333, 0px 15px 15px -10px #333;
box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -10px #333; 
}

header:hover{
-moz-box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -8px #111;
-webkit-box-shadow:  inset 0px 30px 45px -25px #333, 0px 15px 15px -8px #111;
box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -8px #111; 
}



#text1{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
background-image:url(../images/NSIESIDH.png);
background-size:100%;
background-repeat: no-repeat;
-webkit-animation: textani1 24s ease-in-out infinite;
  -moz-animation: textani1 24s ease-in-out infinite;
  animation: textani1 24s ease-in-out infinite; 
}


#text2{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
background-image:url(../images/VSNDU.png);
background-size:100%;
background-repeat: no-repeat;
-webkit-animation: textani2 24s ease-in-out infinite;
  -moz-animation: textani2 24s ease-in-out infinite;
  animation: textani2 24s ease-in-out infinite; 
}

#text3{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
background-image:url(../images/IWZEIUZ.png);
background-size:100%;
background-repeat: no-repeat;
-webkit-animation: textani3 24s ease-in-out infinite;
  -moz-animation: textani3 24s ease-in-out infinite;
  animation: textani3 24s ease-in-out infinite; 
}

#text4{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
background-image:url(../images/PABS.png);
background-size:100%;
background-repeat: no-repeat;
-webkit-animation: textani4 24s ease-in-out infinite;
  -moz-animation: textani4 24s ease-in-out infinite;
  animation: textani4 24s ease-in-out infinite; 
}

#head  img{
width:95%;
 text-align: center;
 position: relative;
 display:inline-block;
-moz-box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -10px #333;
-webkit-box-shadow:  inset 0px 30px 45px -25px #333, 0px 15px 15px -10px #333;
box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -10px #333; 
}

#head img:hover{  
-moz-box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -8px #111;
-webkit-box-shadow:  inset 0px 30px 45px -25px #333, 0px 15px 15px -8px #111;
box-shadow: inset 0px 30px 45px -25px #333,0px 15px 15px -8px #111; 
}

#land{
width:92%;
min-width:300px;
max-width:1200px;
display:inline-block;
text-align:right;
margin-top:8px;
font-size:.75em;
font-family: "Open Sans Condensed", sans-serif,Arial;
}

#land a img{
margin-left:2px;
vertical-align:top;
}

#navi{
display:inline-block;
text-align:center;
}

#navi img{
width:196px;
height:122px;
margin-bottom:5px;
}

#navi2{
width:0%;
overflow: hidden;
position:fixed;
left:0;
top:0;
text-align:center;
font-size:1.5em;
font-weight:400;

}

#navi2 li{
padding-bottom:6px;
padding-top:10px;
border-bottom:1px dashed #ccc;
line-height:1.5em;
}

#navi2:target{
width:110px;
height:100%;
background:#fff;
z-index:+1;
padding:.9em;
border-right:1px solid #0b1668;
}

#navi3{
position:fixed;
left:.5em;
font-size:1.1em;
font-weight:400;
text-align:left;
margin-bottom:-10px;
padding:5px 10px 8px 10px;
background:#fff;
z-index:+1;

}
.profil{
float:left;
}

h1,h2,h3,h4{
font-family: "Roboto Condensed", sans-serif, Arial;
font-weight:300;
display: inline-block;
}

h1 {
  font-size: 1.5em;
  margin-bottom: .25em; 
  margin-top:.6em;
  color:#0b1668;
  }

h2 {
  font-size: 1.5em;
  margin-bottom: .35em; 
  margin-top:0em;
  color:#0b1668;
  }

 h3{
  font-size: 1.2em;
  margin-top:.8em;
  color:#0b1668;
 }
 
 h4{
  font-size: 1.5em;
  color:#000;
  padding-left:.8em;
 }
 p1{
 font-size: 1.3em;
  color:#0b1668;
  margin-top:0em;
 }
 
 td{
 vertical-align:middle;
 }

p {
margin-bottom: 1.2em;
font-weight: 300;
font-size:1.2em;  
line-height:1.2em;
}

a {
  text-decoration: none;
  color: #0b1668;
  cursor:pointer;
z-index:+13;
 }
 a:hover {
  color: black; 
}

.content{
background:#c8c8c8;
padding-bottom:.5em;
-moz-box-shadow:inset 0px 30px 45px -25px #333,inset 0px -30px 45px -25px #333;
-webkit-box-shadow: inset 0px 30px 45px -25px #333,inset 0px -30px 45px -25px #333;
box-shadow:inset 0px 30px 45px -25px #333,inset 0px -30px 45px -25px #333;
}

.main{
min-height:300px;
width:92%;
min-width:280px;
max-width:1200px;
display:inline-block;
text-align: left;
position: relative;
}

.ziel {
margin-top:-15px;
font-size:1.2em;
line-height:1.2em;
vertical-align:top;
}


#image{
width:60px;
height:60px;
}

#image2{
width:230px;
background:#fff;
-moz-box-shadow:5px 5px 5px 0px #777;
-webkit-box-shadow:5px 5px 5px 0px #777;
box-shadow:5px 5px 5px 0px #777;
margin-right:1.5em;
margin-bottom:1em;
}
#image2:hover{
-moz-box-shadow:5px 5px 5px 0px #333;
-webkit-box-shadow:5px 5px 5px 0px #333;
box-shadow:5px 5px 5px 0px #333;
}
#image3{
width:140px;
-moz-box-shadow:5px 5px 5px 0px #777;
-webkit-box-shadow:5px 5px 5px 0px #777;
box-shadow:5px 5px 5px 0px #777;
margin-right:1.6em;
margin-top:.2em;
margin-bottom:.6em;
float:left;
}

#image4{
width:100%;
height:1px;
}

.elastic-video {

    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


footer {
max-height:20px;
width:90%;
background: white;
display:inline-block;
  font-size: .8em;
  font-family: "Open Sans Condensed", sans-serif,Arial;
  margin-top:1em;
  margin-bottom:1em;
 }
 
footer li{
float:left;
margin-right:20px;
}

footer li:last-child{
float:right;
margin-right:0px;
}

footer li a:hover{
color: #000;
}

/*------------------SLIDER--------------------*/
@-webkit-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }

@-moz-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }

@keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  20% {
    background-position: 0% bottom; }

  25% {
    background-position: 33.33333% bottom; }

  45% {
    background-position: 33.33333% bottom; }

  50% {
    background-position: 66.66667% bottom; }

  70% {
    background-position: 66.66667% bottom; }

  75% {
    background-position: 100% bottom; }

  95% {
    background-position: 100% bottom; }

  100% {
    background-position: 133.33% bottom; } }
	
/*------------------textani--------------------*/
@-webkit-keyframes textani1 {
   0% {opacity:0; bottom:-15%}
  5%{bottom:2%}
  7%{bottom:0%}
  9% {opacity:1}
  20%{opacity:1}
  22%{opacity:0}
  100%{opacity:0}
 }
  
@-moz-keyframes textani1 {
  0% {opacity:0; bottom:-15%}
  5%{bottom:2%}
  7%{bottom:0%}
  9% {opacity:1}
  20%{opacity:1}
  22%{opacity:0}
  100%{opacity:0}}

@keyframes textani1 {
  0% {opacity:0; bottom:-15%}
  5%{bottom:2%}
  7%{bottom:0%}
  9% {opacity:1}
  20%{opacity:1}
  22%{opacity:0}
  100%{opacity:0}}
	

@-webkit-keyframes textani2 {
  0% {opacity:0}
  25%{opacity:0; bottom:-15%}
  27%{bottom:2%}
  29%{bottom:0%}
  34% {opacity:1}
  44%{opacity:1}
  46%{opacity:0}
  100%{opacity:0}
 }
  
@-moz-keyframes textani2 {
  0% {opacity:0}
  25%{opacity:0; bottom:-15%}
  27%{bottom:2%}
  29%{bottom:0%}
  34% {opacity:1}
  44%{opacity:1}
  46%{opacity:0}
  100%{opacity:0}
  }

@keyframes textani2 {
  0% {opacity:0}
  25%{opacity:0; bottom:-15%}
  27%{bottom:2%}
  29%{bottom:0%}
  34% {opacity:1}
  44%{opacity:1}
  46%{opacity:0}
  100%{opacity:0}}
	

@-webkit-keyframes textani3 {
  0% {opacity:0}
  50%{opacity:0;bottom:-15%}
  55%{bottom:2%}
  59% {opacity:1; bottom:0%}
  70%{opacity:1}
  73%{opacity:0}
  100%{opacity:0}
 }
  
@-moz-keyframes textani3 {
   0% {opacity:0}
  50%{opacity:0;bottom:-15%}
  55%{bottom:2%}
  59% {opacity:1; bottom:0%}
  70%{opacity:1}
  73%{opacity:0}
  100%{opacity:0}
 }

@keyframes textani3 {
  0% {opacity:0}
  50%{opacity:0;bottom:-15%}
  55%{bottom:2%}
  59% {opacity:1; bottom:0%}
  70%{opacity:1}
  73%{opacity:0}
  100%{opacity:0}
 }
	
	
@-webkit-keyframes textani4 {
  0% {opacity:0}
  75%{opacity:0;bottom:-15%}
  78%{bottom:2%}
  84% {opacity:1;bottom:0%}
  97%{opacity:0}
  100%{opacity:0}
 }
  
@-moz-keyframes textani4 {
     0% {opacity:0}
  75%{opacity:0;bottom:-15%}
  78%{bottom:2%}
  84% {opacity:1;bottom:0%}
  97%{opacity:0}
  100%{opacity:0}}

@keyframes textani4 {
     0% {opacity:0}
  75%{opacity:0;bottom:-15%}
  78%{bottom:2%}
  84% {opacity:1;bottom:0%}
  97%{opacity:0}
  100%{opacity:0}}

  
/*--------------------large screens layout-------------------------------*/
@media only screen and (min-width: 560px) {
#navi img{
width:281px;
height:175px;
margin-bottom:8px;
}
}

@media only screen and (min-width: 720px) {
header {
width:88%;
padding-bottom:27%;
background-image: url(../images/slider.jpg); }

#head img{
width:88%;}

#land{
width:85%;
}
#navi{
width:85%;
text-align:left;
}

#navi img{
margin-top:-14px;
}

#navi img:hover{
opacity: .7;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
#navi3{
display:none;
}
#back{display:none;
}

#navi2{
width:90%;
position:relative;
text-align:right;
font-size:1.2em;
font-weight:400;
display:inline-block;
border-right:none;

}

#navi2 li{
border-bottom:none;
padding:.5em;
display:inline-block;
line-height:1.2em;

}

#navi2 li a{
margin-left:10px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
-moz-box-shadow: 0px -1px 10px -3px #0b1668;
-webkit-box-shadow:  0px -1px 10px -3px #0b1668;
box-shadow: 0px -1px 10px -3px #0b1668;
}

#navi2 a:hover{
-moz-box-shadow: 0px -1px 10px 0px #0b1668;
-webkit-box-shadow:  0px -1px 10px 0px #0b1668;
box-shadow: 0px -1px 10px 0px #0b1668;
}

.content {
 position: relative; }

.main{
width:85%;
min-height:220px;
}

td{
padding-top:.2em;
padding-bottom:.6em;
 vertical-align:middle;
 } 

footer {
width:85%;
font-size: .8em;
 }
 
h1 {
font-size: 1.8em;
font-weight:300;
}}
@media only screen and (min-width: 890px) {
#navi img{
margin-bottom:-27px;}

#image{
width:90px;
height:90px;
}
#image:hover{
opacity: .7;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
#image3{
width:150px;}
}


@media only screen and (min-width: 1080px) {

header {
width:78%;
padding-bottom:25%;
}
#head img{
width:78%;}

#land{
width:75%;
}

#navi{
width:75%;
text-align:left;
}

#navi img{
margin-bottom:-25px;}

#navi img:hover{
opacity: .7;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

#navi2{
width:78%;}

#image2{
width:300px;
}



.content {
 position: relative; }

.main{
width:75%;
min-height:300px;
}

footer {
width:75%;
font-size: .8em;  
 }
 
 h1 {
  font-size: 2em;
  font-weight:300;
  }
  
  h2 {
  font-size: 1.8em;
 }
 
  h4{
  font-size: 2em;
}

p {
font-weight: 400;  
}}
@media only screen and (min-width: 1320px) {
header {
width:72%;
padding-bottom:23%;
}
#head img{
width:72%;}

#land{
width:70%;
}

#navi{
width:70%;
text-align:left;
}

#navi img{
margin-bottom:-25px;}

#navi img:hover{
opacity: .7;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}

#navi2{
width:72%;}

#image2{
width:300px;
}
#image3{
width:160px;}
}

.content {
 position: relative; }

.main{
width:70%;
min-height:400px;
}

footer {
width:70%;
font-size: 1em;  
 }
 
 h1 {
  font-size: 2.2em;
  font-weight:300;
  }
  
  h2 {
  font-size: 2em;
 }
 
  h4{
  font-size: 2.2em;
}  
}}