@import url('https://fonts.googleapis.com/css?family=Oswald');

body
{
       font-family: Verdana, Arial, sans-serif;
       margin: 0px;
       height: 100%;
       width: 100%;
       padding: 0px;
       background-color:#999999;
}

p
{
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        color: #666666;
        margin:0px;
        margin-bottom:6px;
}

#text_rechts p
{
        text-align: right;
}

h1
{
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        line-height: 28px;
        font-weight: normal;
        text-align: left;
        color: #000000;
        margin: 0px 0px 10px 0px;
        padding: 0px;
}

h2
{
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        text-align: left;
        color: #333333;
        margin: 0px;
        padding: 0px;
}

h3
{
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        text-align: left;
        color: #263684;
        margin: 10px 0px 10px 0px;
        padding: 0px;
}

h4
{
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-weight: bold;
        color: #263684;
        margin:0px;
        margin-bottom:6px;
}

h5
{
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-weight: bold;
        color: #666666;
        margin:0px;
        margin-bottom:6px;
}

a
{
        font-size: 12px;
        line-height: 16px;
        text-decoration: none;
        color: #263684;
        margin: 0px;
}

a:hover
{
        color: #c82a1f;
}

.navi
{
        font-size: 14px;
        display: block;
        margin: 8px 0px;
        padding: 0px 0px 0px 32px;
}

.navia
{
        font-size: 14px;
        display: block;
        color: #c82a1f;
        margin: 8px 0px;
        padding: 0px 0px 0px 16px;
        border-left: 16px solid #c82a1f;
}

.unavi
{
        display: block;
        font-size: 12px;
        line-height: 14px;
        padding: 4px 0px 5px 47px;
}

.unavia
{
        display: block;
        font-size: 12px;
        line-height: 14px;
        color: #c82a1f;
        padding: 4px 0px 5px 47px;
}

li
{
     font-size: 12px;
     line-height: 18px;
     color: #666666;
     list-style-type: square;
}

ul
{
     margin-top: 0px;
     margin-bottom: 5px;
}

.glo
{
        opacity: 0.5;
}

#mittig {
        position: relative;
        width: 100%;
        margin: 0px auto;
        background-color: #FFFFFF;
}

#kopf {
        position: relative;
        width: 100%;
        text-align: left;}

#logo {
        position: relative;
        width: 94%;
        padding: 15% 3% 3% 3%;
        background: url(../images/hno_klein.jpg) no-repeat right center;}

#bild {
        position: relative;
        width: 100%;
        margin: 0%;
        background-color: #e4e4e4;}

#bauch {
        position: relative;
        width: 100%;}

#navi {
        position: relative;
        width: 94%;
        margin: 2% 0%;
        padding: 2% 0% 2% 6%;
        text-align: left;
        background: #e4e4e4 url(../images/linie.gif) repeat-y 6% 0;}

#text {
        position: relative;
        width: 100%;
        padding: 0%;}

#text_halb {
        position: relative;
        width: 94%;
        padding: 2% 3% 0% 3%; }

#text_drittel {
        position: relative;
        width: 94%;
        padding: 2% 3% 0% 3%; }

#text_ganz {
        position: relative;
        width: 94%;
        padding: 2% 3%;}

#text_links {
        position: relative;
        width: 30%;
        padding: 0% 6% 0% 0%;
        float: left; }

#text_rechts {
        position: relative;
        text-align: right;
        width: 58%;
        padding: 0% 6% 0% 0%;
        float: left; }

#text_grau {
        position: relative;
        width: 94%;
        margin: 1%;
        padding: 2% 2%;
        clear: left;
        background-color: #f4f4f4;}

#bilder {
        position: relative;
        width: 94%;
        padding: 1% 3%;
        float: left;}

#bild_gross {
        position: relative;
        width: 80%;
        padding: 5% 10%;
        margin: 0% 0% 2% 0%;
        clear: left;
        background-color: #f4f4f4;}

#bilder_klein {
        position: relative;
        clear: left; }

#bild_klein {
        position: relative;
        width: 18%;
        padding: 0% 2% 2% 0%;
        z-iondex: 100;
        float: left;}

#fuss {
        position: relative;
        clear: left;
        width: 100%;}

#box1 {
        position: relative;
        width: 94%;
        padding: 2% 3%;
        clear: left;
        border-top: 5px solid #c82a1f;}

#box2 {
        position: relative;
        width: 94%;
        padding: 2% 3%;
        clear: left;
        border-top: 5px solid #fcdb2c; }

#box3 {
        position: relative;
        width: 94%;
        padding: 2% 3%;
        clear: left;
        border-top: 5px solid #263684;}


.foto {
  position: absolute;
}

.photo {
  position: absolute;
  animation: round 24s infinite;
  opacity: 0;
}

@keyframes round {
  0%  {opacity: 0;}
  25%  {opacity: 1;}
  50% {opacity: 1;}
  75%  {opacity: 0;}
}

img:nth-child(1) {animation-delay: 24s;}
img:nth-child(2) {animation-delay: 16s;}
img:nth-child(3) {animation-delay: 8s;}