@charset "utf-8";
/* CSS Document */

body {
        margin: 0;
        padding: 0;
        font-family: Arial;
        font-size: 100%;
        width: 100%;
        }

div#navi {
        padding: 0;
        margin: 0;
        z-index: +1;
        }

@media (min-width: 560px) {

div#navi {
        padding: 0;
        margin: 20px 0 0 0;
        position: fixed;
        height: 45px;
        background-image: url("../img/transparency.png");
        font-size: 1.0em;
        }
        }

@media (min-width: 950px) {

div#navi {
        padding: 0;
        margin: 40px 0 0 0;
        position: fixed;
        height: 90px;
        background-image: url("../img/transparency.png");
        font-size: 1.5em;
        }
        }

ul#naviliste {
        padding: 0;
        margin: 0;
        }

li#logo {
         padding: 10px 20px;
         margin: 0;
         list-style: none;
         float: left;
         }

@media (min-width: 560px) {

li#logo {
         padding: 10px 40px 0 20px;
         margin: 0;
         list-style: none;
         float: left;
         }
         }

@media (min-width: 950px) {

li#logo {
         padding: 20px 100px 0 40px;
         margin: 0;
         list-style: none;
         float: left;
         }
         }

img#logo_left {
         width: 136px;
         height: 23px;
         }

@media (min-width: 950px) {

img#logo_left {
         width: 273px;
         height: 47px;
         }
         }

li#link {
         display: none;
         }

@media (min-width: 560px) {

li#link {
         display: block;
         padding: 13px 20px 0 0;
         margin: 0;
         list-style: none;
         float: left;
         color: #00A0C6;
         }
         }

@media (min-width: 950px) {

li#link {
         display: block;
         padding: 30px 30px 0 0;
         margin: 0;
         list-style: none;
         float: left;
         color: #00A0C6;
         }
         }

ul#naviliste a {
         text-decoration: none;
         color: #3F3F3F;
         }

img#banner {
         padding: 0;
         margin: 0;
         width: 100%;
         height: auto;
         }

div#scroll {
         margin: 0;
         padding: 0;
         position: relative;
         bottom: 40px;
         text-align: center;
         }

@media (orientation: portrait) {

div#scroll {
         display: none;
         }
         }

ul#menu {
         margin: 0;
         padding: 20px 20px 0 20px;
         }

@media (min-width: 560px) {

ul#menu {
         display: none;
         }
         }

ul#menu li {
         padding: 0 0 15px 0;
         margin: 0;
         list-style: none;
         font-size: 1.3em;
         color: #00A0C6;
         }

div#info {
         display: none;
         }

@media (min-width: 700px) {

div#info {
         display: block;
         margin: 40px 0 0 40px;
         padding: 0;
         float: left;
         width: 200px;
         text-align: left;
         }
         }

@media (min-width: 950px) {

div#info {
         display: block;
         margin: 0;
         padding: 100px 0 50px 116px;
         width: 300px;
         float: left;
         text-align: left;
         }
         }

div#text {
         margin: 20px;
         padding: 0 0 60px 0;
         max-width: 560px;
         }

@media (min-width: 700px) {

div#text {
         margin: 40px;
         padding: 0 0 60px 0;
         width: 50%;
         float: left;
         text-align: left;
         }
         }

@media (min-width: 950px) {

div#text {
         margin: 0;
         padding: 100px 0 150px 0;
         width: 500px;
         float: left;
         text-align: left;
         }
         }

h1 {
         margin: 0;
         padding: 0;
         color: #3F3F3F;
         font-size: 1.3em;
         font-weight: normal;
         line-height: 1.3em;
         }

@media (min-width: 560px) {

h1 {
         margin: 0;
         padding: 0;
         color: #3F3F3F;
         font-size: 1.5em;
         font-weight: normal;
         line-height: 1.5em;
         }
         }

h2 {
         margin: 0;
         padding: 40px 0 0 0;
         color: #3F3F3F;
         font-size: 1.2em;
         font-weight: normal;
         line-height: 1.4em;
         }

a {
         margin: 0;
         padding: 0;
         text-decoration: none;
         color: #3F3F3F;
         }

p {
         padding: 0;
         margin: 0;
         color: #333333;
         font-size: 0.9em;
         line-height: 1.2em;
         }

table#beispiel {
         margin: 20px 0;
         padding: 0;
         width: 100%;
         font-size: 0.9em;
         line-height: 1.2em;
         color: #333333;
         }

table#beispiel td {
         margin: 0;
         padding: 0 20px 10px 0;
         }

div#footer {
        margin: 0;
        padding: 50px 0;
        width: 100%;
        clear: both;
        background-image: url("../img/background.jpg");
        background-size: cover;
        background-repeat: repeat;
        }

@media (min-width: 560px) {

div#footer {
        margin: 0;
        padding: 50px 0;
        width: 100%;
        height: 300px;
        clear: both;
        background-image: url("../img/background.jpg");
        background-size: cover;
        }
        }

@media (min-width: 950px) {

div#footer {
        margin: 0;
        padding: 50px 0;
        width: 100%;
        height: 100px;
        clear: both;
        background-image: url("../img/background.jpg");
        background-size: cover;
        }
        }

div#footer p {
        margin: 0;
        padding: 0 0 0 20px;
        color: #333333;
        }

@media (min-width: 560px) {

div#footer p {
         margin: 0;
         padding: 0 0 40px 40px;
         color: #333333;
         }
         }

@media (min-width: 950px) {

div#footer p {
         margin: 0;
         padding: 0 0 0 116px;
         color: #333333;
         width: 300px;
         float: left;
         }
         }

div#footer ul {
         margin: 0;
         padding: 40px 0 0 20px;
         }

@media (min-width: 560px) {

div#footer ul {
         margin: 0;
         padding: 0 0 0 40px;
         float: left;
         }
         }

@media (min-width: 950px) {

div#footer ul {
         margin: 0;
         padding: 0 40px 0 0;
         float: left;
         }
         }

div#footer li {
         margin: 0 0 5px 0;
         padding: 0;
         list-style: none;
         color: #333333;
         font-size: 0.9em;
         }

@media (min-width: 950px) {

div#footer li {
         margin: 0;
         padding: 0;
         font-size: 0.9em;
         line-height: 1.2em;
         list-style: none;
         color: #333333;
         }
         }

div#footer a {
        color: #333333;
        text-decoration: none;
        margin: 0;
        padding: 0;
        }