/************************************************************************************
GENERAL
*************************************************************************************/

html, body {padding:0; margin:0; width:100%; height:100%;}
body {
   background-color: #fff;
   background-size:cover;
   font: .9em/150% Arial, Helvetica, sans-serif;
        color: #666;
        }

        header, section, article, nav, footer {display:block; padding:0; margin:0;}
        header {
        content: " ";
        display: table;
}

/************************************************************************************
text
*************************************************************************************/
a {
        text-decoration: none;
        color: #6f6f71;
}
h1, h2 {
        font: 18px/150% Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 120%;
        margin: 0 0 0 33%;
        color: #1ba3dc;
        text-align: left;
}
h3 {
        line-height: 100%;
        margin: 20px 40px;
        color: #1ba3dc;
}

ul.inhalt {
        line-height: 120%;
        margin: 0 0 10px 15px;
        font-weight: bold;
        color: #1ba3dc;
}
p{
        text-align: justify;
        margin: 20px 40px;}
span.blau{  color: #1ba3dc;}
span.hoch{ vertical-align : super;}

img.mitte {
        max-width: 100%;
        height: auto;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
        width: 960px;
        max-width: 94%;
        margin: 30px auto 0;
}
#content {
        clear: both;
        border-top: solid 0px #ccc;
        padding-top: 20px;
        margin: 20px 0;
}