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





@media screen and (min-width: 800px) {
        body {
  margin: 0px;
  font-size: 0.9em; font-family: 'Arial'; color: #000062;


    background-color: #ffffff;
    background-attachment:fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}


   a {  font-size: 0.9em; font-family: 'Arial'; color: #000062; font-weight: bold; text-decoration: underline; }

   b { font-size: 0.9em; font-family: 'Arial'; }


h1 { font-size:1.4em; }
h2 { font-size:1.1em; }


#wrap{
            margin: 0 auto;
            max-width: 1024px;
            height: 90px;

            left:0;
            right:0;
            top:0;
            border-left: 1px solid #0000bf;
            border-right: 1px solid #0000bf;
        }

        #fixed-1{
            position: fixed;
            height: 90px;
            max-width: 1024px;
            color: #000;
            background-color: #00009f;
            align-self: center;
            text-align: center;
            top:0;
            font-size: 1.15em;
        }

        #oben{
            margin: 0 auto;
            max-width: 1024px;
            height: auto;
            background-color: #ffffff;
            border: 1px solid #0000bf;
        }

        #content{
            margin: 0 auto;
            max-width: 1024px;
            height: auto;
            background-color: #ffffff;
            border: 1px solid #0000bf;
        }

        #contentinnen{
            margin: 0 auto;
            max-width: 700px;
            height: auto;
            background-color: #ffffff;
        }

}






@media screen and (min-width: 550px) and (max-width: 799px) {
        body {
  margin: 0px;
  font-size: 0.9em; font-family: 'Arial'; color: #000062;


}


   a { font-size: 0.9em; font-family: 'Arial'; color: #000062; text-decoration: underline; }

   b { font-size: 0.9em; font-family: 'Arial'; }

h1 { font-size:1.3em; }
h2 { font-size:1.1em; }


#wrap{
            margin: 0 auto;
            max-width: 799px;
            height: 75px;
            background-color: #ffffff;
            left:0;
            right:0;
            top:0;
        }

        #fixed-1{
            position: fixed;
            height: 75px;
            max-width: 799px;
            color: #000;
            background-color: #00009f;
            align-self: center;
            text-align: center;
            top:0;

        }

        #oben{
            margin: 0 auto;
            max-width: 799px;
            height: auto;
            background-color: #ffffff;
            border-bottom: 1px solid #0000bf;
            display: block;
        }

        #content{
            margin: 0 auto;
            max-width: 799px;
            height: auto;
            background-color: #ffffff;
        }

        #contentinnen{
            margin: 0 auto;
            max-width: 550px;
            height: auto;
            background-color: #ffffff;
        }


}





@media screen and (min-width: 440px) and (max-width: 549px) {
        body {
  margin: 0px;
  font-size: 0.9em; font-family: 'Arial'; color: #000062;


}


   a { font-size: 0.9em; font-family: 'Arial'; color: #000062; text-decoration: underline; }

   b { font-size: 0.9em; font-family: 'Arial'; }

h1 { font-size:1.1em; }
h2 { font-size:1.0em; }


#wrap{
            margin: 0 auto;
            max-width: 549px;
            height: 75px;
            background-color: #ffffff;
            left:0;
            right:0;
            top:0;
        }

        #fixed-1{
            position: fixed;
            height: 75px;
            max-width: 549px;
            color: #000;
            background-color: #00009f;
            align-self: center;
            text-align: center;
            top:0;

        }

        #oben{
            margin: 0 auto;
            max-width: 549px;
            height: auto;
            background-color: #ffffff;
            border-bottom: 1px solid #0000bf;
            display: block;
        }

        #content{
            margin: 0 auto;
            max-width: 549px;
            height: auto;
            background-color: #ffffff;
        }

        #contentinnen{
            margin: 0 auto;
            max-width: 549px;
            height: auto;
            background-color: #ffffff;
        }

}




@media screen and (min-width: 321px) and (max-width: 439px) {
        body {
  margin: 0px;
  font-size: 0.88em; font-family: 'Arial'; color: #000062;


}


   a { font-size: 0.88em; font-family: 'Arial'; color: #000062; text-decoration: underline; }

   b { font-size: 0.88em; font-family: 'Arial'; }

h1 { font-size:1.08em; }
h2 { font-size:0.98em; }


#wrap{
            margin: 0 auto;
            max-width: 439px;
            height: 75px;
            background-color: #ffffff;
            left:0;
            right:0;
            top:0;
        }

        #fixed-1{
            position: fixed;
            height: 75px;
            max-width: 439px;
            color: #000;
            background-color: #00009f;
            align-self: center;
            text-align: center;
            top:0;

        }

        #oben{
            margin: 0 auto;
            max-width: 439px;
            height: auto;
            background-color: #ffffff;
            border-bottom: 1px solid #0000bf;
            display: block;
        }

        #content{
            margin: 0 auto;
            max-width: 439px;
            height: auto;
            background-color: #ffffff;
        }

        #contentinnen{
            margin: 0 auto;
            max-width: 439px;
            height: auto;
            background-color: #ffffff;
        }

}




@media screen and (min-width: 50px) and (max-width: 320px) {
        body {
  margin: 0px;
  font-size: 0.8em; font-family: 'Arial'; color: #000062;


}


   a { font-size: 0.8em; font-family: 'Arial'; color: #000062; text-decoration: underline; }

   b { font-size: 0.8em; font-family: 'Arial'; }

h1 { font-size:1.0em; }
h2 { font-size:0.9em; }


#wrap{
            margin: 0 auto;
            max-width: 320px;
            height: 75px;
            background-color: #ffffff;
            left:0;
            right:0;
            top:0;
        }

        #fixed-1{
            position: fixed;
            height: 75px;
            max-width: 320px;
            color: #000;
            background-color: #00009f;
            align-self: center;
            text-align: center;
            top:0;

        }

        #oben{
            margin: 0 auto;
            max-width: 320px;
            height: auto;
            background-color: #ffffff;
            border-bottom: 1px solid #0000bf;
            display: block;
        }

        #content{
            margin: 0 auto;
            max-width: 320px;
            height: auto;
            background-color: #ffffff;
        }

        #contentinnen{
            margin: 0 auto;
            max-width: 320px;
            height: auto;
            background-color: #ffffff;
        }


}