html, body {
        border: 0;
        margin: 0;
        padding: 0;
    }

    body {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 16px;
        color: #404040;
        line-height: 130%;
        background-color: #FFF;
    }

    html, body, form, #container {
       height: 100%;
    }

 a {
   color: #375CA0;
   text-decoration: none;
 }
 a:hover {
   text-decoration: underline;
 }

   div:before,
   div:after {
      content: '';
      display: table;
   }

  /*===  Header-Bereich ===*/
    #header {
        background-color: #fff;
    }
    #logo {
      background: url(/downloads/s18361/images/banner_Finanzberaterin2.jpg) center top repeat-x 
      transparent;
      height: 500px;
      box-shadow: inset 0px 2px 10px #6b6969;
      background-size: cover;
    }
    #slogen {
      width: fit-content;
      line-height: 1.7em;
      font-size: 150%;
      position: relative;
      left: 50%;
      top: 20%;
    }
    #picture {
        display: none;
    }

#nav {
    width: 975px;
    margin: auto
}
#nav ul {
    margin: 0;
    padding: 0;
}
#nav ul li {
    display: inline-block;
    padding: 25px 20px 25px 0;
}

#nav ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #375CA0;
}

#nav ul li a:hover,
#nav ul li.cur a {
    border-bottom: 2px solid;
}

#nav ul li.menu100 {
    float: right;
    padding: 5px 0;
    margin: 0;
}
#nav ul li.menu100 a,
#nav ul li.menu100 a:hover {
    border-bottom: none;
}

  /*===  Footer-Bereich ===*/
    #footer {
        background-color: #6b6969;
        color: #fff;
    }
    #footer a{
        color: #fff;
    }
    #footer>div {
        text-align: center;
        padding: 5px;
    }
    
    .footer_menu ul {
        display: inline-block;
        margin: 10px 0 0 0;
        padding: 0;
    }
    .footer_menu ul li {
        float: left;
        color: #fff;
        margin: 0 18px;
    }
    
    .footer_menu ul li:first-child {
        list-style-type: none;
    }

   /*===  Content-Bereich ===*/
    #content {
        min-height: calc(100% - 645px);
    }
    #main {
        position: relative;
        top: -50px;
        background-color: rgba(255,255,255,0.7);

    }
    #main .top-head,
    #main .content {
        width: 975px;
        margin: auto;
    }

    #main .top-head {
        margin: 20px auto;
    }
    #sidebar {
        display: none;
    }

    table.extra {
        margin-top: 10px;
    }


/* Extras */
  

a.book {
    font-size: x-large;
    padding-top: 30px;
    display: inline-block;
}

a.book:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f274";
    padding-right: 10px;
}

table.extra td img[src$="leer.gif"] {
    margin: 20px 0;
    width: 100%;
    border-top: 1px solid #d0d0d0;
}


div.box3 {
    width: 300px;
    float: left;
    text-align: center;
}

div.box3 big {
    display: block;
    margin-top: 15px;
}



    .main1 .LIST_row img {
       float: left;
    }
    .main1 .div-right {
       padding: 20px 50px 0 400px; 
       line-height: 1.6em;
    }

@media(max-width: 991px) {

    #nav,
    #main .top-head,
    #main .content {
        width: 99%;
    }

    #logo {
       height: 400px;
    }
    div.box3 {
       float: none;
       margin: auto !important;
    }
    .main1 .LIST_row img {
       float: none;
    }
   .main1 .div-right {
       padding: 20px 0;
    }
}

@media(max-width: 767px) {

    #logo {
       height: 300px;
    }
}

@media(max-width: 467px) {

    #logo {
       height: 200px;
    }
    #slogen {
       font-size: 100%;
    }
}