html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em,  ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  background:transparent;
}

img     {
  margin:5;
  padding:5;
  border:0;
  outline:0;
  font-size:100%;
  background:transparent;
   max-width: 100%;
    height: auto;
}

article,  details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}
aside
 {
  margin:0;
  padding:10px;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:#FFFFFF;
}

nav ul, nav li { margin: 0; }
nav ul, ul { list-style:none; }

#wrapper {
        width: 100%;
        padding: 0;
        margin: 0 auto;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10,
 .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
        margin-bottom: 5px;
}

.span1{
  width: 5.3125%;

}
.span2{
  width: 11.625%;

}
.span3{
  width: 17.9375%;

}
.span4{
  width: 24.25%;

}
.span5{
  width: 30.5625%;

}
.span6{
  width: 36.875%;

}
.span7{
  width: 43.1875%;

}
.span8{
  width: 49.5%;

}
.span9{
  width: 55.8125%;

}
.span10{
  width: 62.125%;

}
.span11{
  width: 68.4375%;
padding-right: 15px;
  padding-left: 15px;

}
.span12{
  width: 74.75%;

}
.span13{
  width: 81.0625%;

}
.span14{
  width: 87.375%;
margin-left: 0;
  padding-left: 55px;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;



}
.span15{
  width: 93.6875%;

}
.span16{
  width: 100%;
  margin-left: 0;
}
.span17 {
        width: 32.58%;
float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 0;
}
.span18 {
        width: 14%;
float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 3px;
}
.span19 {
        width: 49.5%;

float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 3px;
}

.span20{
  width: 70%;
  float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 3px;  margin-right: 3px;
 background:#f6f6f6;

}
.span21{
  width: 32.58%;
  float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 3px;  margin-right: 3px;
 background:#FFFFFF;
  }
  .span22{
  width: 23%;
  float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
margin-left: 3px;  margin-right: 3px;
 background:#FFFFFF;

}
.span23{    float:left;
  width: 6%;

}

body{
  font-size: 87.5%;
  color: #252e35;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  background: #f6f6f6;
}

h1{
    font-size: 2em;
    line-height: 2.2em;
    color: #000D66;
}

h2{
  font-size: 1.8em;
  line-height: 2em;
  color: #000D66;
}
h3{
  font-size: 1.7em;
  line-height: 2em;
  color: #000000;
}
h4{
  font-size: 1.6em;
  line-height: 2em;
  color: #000D66;
}
h5{
  font-size: 1.2em;
  line-height: 1.5em;
  color: #000D66;
}





p{
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

#container, .inner{
  margin: 0 auto;
  padding: 5px;
  width: 860px;
}

header{
  background: #FFFFFF;
}
#container{
  clear: both;
  padding-top: 20px;
}
footer{
  background: #C6C6C6;
}

/* NAVIGATION */

/*checkbox und label verstecken*/
input#responsive-nav, label.responsive-nav-label {
        display: none;
}
/*generel settings*/
nav{
        float:left;
        width: 100%;
        background: #D4D4D4;
}

nav ul{
  margin: 0;
  padding: 0;

}

nav a {
        display: block;
        color: #fff;
        text-decoration: none;
}
/*detail settings*/
nav ul li{
        position: relative;
        float: left;
        list-style: none;
        color: #999999;
width: 14%;
        transition: 0s; /*hier durch wird der hover-effect ein wenig "softer"*/
}
nav ul li a {
        padding: 10px 20px;
}
nav ul li:hover{
        background: #C00000;
}
nav ul ul{
        position: absolute;
        top: -9999px;
        left: -9999px;
        background: #999999;
}
nav ul ul li {
        float: none;
        width: 200px;
        border-bottom: 1px solid #555;
        text-align: left;
        background: #999999;
}
nav ul ul li a {
        padding: 10px 20px;
}
nav ul ul li:last-child {
        border-bottom: none;

}
nav ul li:hover > ul {
        top:100%;
        left:0;
}
nav ul ul li:hover > ul {
        top: 0;
        left: 200px;
}
nav ul ul ul li {
        float: none;
        width: 200px;
        border-bottom: 1px solid #555;
        text-align: left;
        background: #999999;
}

/*FIRSTNAVIGATION*/
.firstnav{
        width: 100%;
        margin:0 0 5px 0;
}

.firstnav ul {
        width: 100%;
        text-align: right;
}
.firstnav ul li {
        text-align: center;
        display: inline;
        width: 100px;
        margin-right: 20px;
}
.firstnav a{
        color: #fff;
        text-decoration: none;
}
.firstnav a:hover {
        text-decoration: underline;
}

/*BRAND - HEADER*/
div.brand img{
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 100%;
        max-width: 750px !important;
}
/*ASIDE*/
section.aside {
        border-bottom: 3px solid #D4D4D4;
}
aside {
        border-left: 3px solid #D4D4D4;
        padding-left: 8px;
}


/* table overlay */
.infobox a span {
        display: none;
        background: #fff;
        border: 1px #969696;
        padding: 5px;
}
.infobox a:hover span{
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 10;
        border:1px solid #969696; color:#000000 ; background:white; font-weight: normal; font-size: 10pt
}





/* MEDIA QUERIES */

/* Responsify Defaults */

@media screen and (max-width: 768px){
        /*für die haupt nav*/
                /*label einblenden*/
        label.responsive-nav-label {
                position: relative;
                display: block;
                padding: 10px;
                background: #666666;
                cursor: pointer;
                color: #fff;
        }
        label.responsive-nav-label span {
                margin-right: 10px;
        }

        nav {
                position: absolute;
                top: -9999px;
        }
        nav ul {
                margin:5px;
                padding: 0;

        }
        input#responsive-nav[type=checkbox]:checked ~ nav {
                position: relative;
                top: 0;
        }
        nav a:after {
                display: none;
        }
        nav li {
                float: none !important;
                width: 100% !important;
                border-bottom: none !important;
        }
        nav li a {
                margin-bottom: 5px !important;
                padding: 5px 20px !important;
                background: #4a4a4a;
        }
        nav ul ul {
                margin:5px;
                padding: 0;
                 background: #666666;
        }
        nav ul li ul li a {
                padding: 2px 20px !important;
        }
        nav ul li:hover {
                background: none;
        }
        nav ul li a:hover {
                background: #C00000;
        }
        nav ul ul {
                position: relative !important;
                left: 0 !important;
                top: 0 !important;
                background: none !important;
        }
        nav ul ul li {
                margin-left: 5px;
                background: #666666;
        }
   .span5{
                width: 100%;
        }
        .menschen {
                margin: 0 0 5px 0;

        }
        .span14 {
                width: 100%;
                padding-left: 0px;
        }
          .span17 {
                width: 100%;
        }
           .span18 {
                width: 100%;
        }
        .span19 {
                width: 100%;
        }
         .span20 {
                width: 100%;
        }
        .span21 {
                width: 100%;
        }
        .span22 {
                width: 100%;
        }
        .span11, article{
                width: 100%;
        }
        .span5, aside{
                width: 100%;
                margin-left: 0;
        }
        #container, .inner{
                width: 90%;
                padding: 0 5% 0 5%;
        }
        aside {
                border-left: none;
                padding-left: 0;
        }
        .firstnav ul li{
                width: 33%;
                margin: 0;
        }
        .firstnav ul li{
                float:left;
        }
}
#container h1{
    font-size: 2em;
    line-height: 2.5em;
     color: #000D66;
}
#container h2{
    font-size: 1.8;
    line-height: 2em;
    color: #000D66;
}
#container h3{
    font-size: 1.4em;
    line-height: 1.5em;
    color: #000000;
}
#container h4{
    font-size: 1.2em;
    line-height: 1.5em;
    color: #000D66;
}

#container h5{
  font-size: 1em;
  line-height: 1.3em;
  color: #000D66;
}


#container p{
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}


#container ol {
list-style-type: disc;
padding-left: 20px;
}

#container li {
list-style-type: disc;
margin-left: 20px;
}

#container  a {
font-weight: bold;
text-decoration: underline;
color: #000D66;
}
#container  a:hover {
font-weight: bolder;
color: #C00000;
}

footer  a {
font-weight: bold;
text-decoration: underline;
color: #000D66;
}
footer  a:hover {
font-weight: bolder;
color: #C00000;
}