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: 1.0em; 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-bottom: 1px solid #0000bf;

            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: 1024px;

            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: 799px;

            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;

        }



}