/* General Style autoankauf bayern ratenkauf */
body {
    background: #ffffff;
    font-size: 100%;
    margin: 0em;
    padding: 0em;
}

h1 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: Helvetica;
    font-weight: bold;
    color: #204562;
    padding-top: 1em;
    margin: 0em 10% 1.0em 10%;
}

h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-family: trebuchet ms, verdana;
    font-weight: 400;
    color: #204562;
    padding: 1.25em;
    text-align: left;
}


h3 {
    font-size: 1.563em;
    line-height: 1.3em;
    font-family: Helvetica;
    font-weight: 400;
    color: #197070;
    margin: 0em;
    padding: 1.25em;
    text-align: left;
}

h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-family: Helvetica;
    font-weight: 400;
    color: #204562;
    margin: 0em;
    padding: 1.25em 1.25em 0em 1.25em;
    text-align: left;
}



h5 {
    font-size: 1.563em;
    line-height: 1.8em;
    font-family: Helvetica;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 2em;
    text-align: center;
    background: #336666;
    background-size: 50%;
    border-radius: 7px;
}



strong {
    font-weight: bold;
    color: #204562;
}


#text01  {
    line-height: 1.4em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1em;
    color: #000000;
    margin: 1em;
    padding: 1.25em;
    text-align: justify;
}

#text02 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 0.9em;
              color: #2b2b2b;
              margin: 0em 0em 3em 0em;
              padding: 1.25em;
              text-align: justify;
}

#text04 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 1.2em;
              color: #191970;
              margin-top: 1em;
              padding: 1em 1.25em 0em 1.25em;
              text-align: left;
}


#text05 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 1.2em;
              color: #1b5e1d;
              margin-top: 1em;
              padding: 1em 1.25em 0em 1.25em;
              text-align: justify;
}






#text03 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 1.2em;
              color: #191970;
              margin: 1em;
              padding: 0em 1.25em 0em 1.25em;
              text-align: left;
}




ul {
    margin: 0px;
    padding: 0px;
}

li {

   font-family: Helvetica;
   font-weight: 400;
   color: #197070;
   line-height: 1.25em;
   padding: 0em;
   margin: 0.313em 0em 0.313em 0em;
}

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


p img {
    width: 200px;
    height: auto;
    max-width: auto;
    float: left;
    margin: 0em 2em 1em 0em;
}

#head   {
      display:  block;
      text-align: center;

}

#headbanner {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0em 0em 0.8em 0em;
    border-radius: 5px;
}


#pic-right {
    width: auto;
    height: auto;
    max-width: auto;
    float: right;
    margin: 0em 1.5em 1em 0em;
}


#pic-left {
    width: auto;
    height: auto;
    max-width: auto;
    float: left;
    margin: 0em 1.5em 1em 1.5em;
}





a {
   text-decoration: none;
   color: #8b0000;
}

/* On Top */
#menubar {
          display: block;
          background: #ffffff;
}

#menubar ul {
          display: block;
          width: 2em;
          padding: 0.5em;
}

#menubar ul li {
          display: inline;
}


#menubar ul li a.menubutton {
          display: none;
}



/*Navigation */
nav {
          display: block;
          height: 2.5em;
          background: #204562;
          text-align: center;
          border-bottom: 0.180em solid #67775d;
}

nav ul {
          display: block;
}

nav ul li {
          display: inline;
          margin: 0em 0.5em 0em 0.5em;
}

nav ul li a {
          color: #ffffff;
          font-size: 0.8em;
          font-weight: 400;
          line-height: 3em;
          padding: 0.563em 0.438em 0.375em 0.538em;
          transition:background 0.2s;
          -webkit-transition:background 0.2s;
}

nav ul li a:hover {
          background: #657d67;
          border-bottom: 0.188em solid #CD0000;
}

nav ul li a.active  {
          border-bottom: 0.188em solid #CD0000;
          background: #FFFFFF;
}

/* Content Area */
#main {
          display: block;
          width: 96%;
          max-width: 1200px;
          margin: 1.25em auto;
          padding: 0em;
}

#main article {
          display: inline-block;
          width: 67.7%;
          background: #FFFFFF;
          vertical-align: top;
          margin: 0em;
          padding: 0em;
          text-align: center;
          box-shadow: 0px 0px 10px -5px #4c4948;
          border-radius: 5px;
          border-bottom: 0.188em solid #204562;
}

#main article img {
          max-width: 560px;
          border-radius: 5px;
}

#main article p img {
       box-shadow: 0px 0px 0px 0px;
}




/* Content Area SIDERBAR */

#main aside {
          display: inline-block;
          width: 30.6%;
          margin-left: 1%;
          padding: 0em;
          vertical-align: top;
}

#main aside section {
          margin-bottom: 2.0em;
          border-bottom: 0.188em solid #204562;
          box-shadow: 0px 0px 10px -5px #4c4948;
          border-radius: 5px;
}

#main article h2 {
          padding: 1em 1.8em 1em 1.8em;
}

#main aside section ul {
          padding: 0em 1.875em 1.25em 2.5em;
}

#main aside p a {
                font-family: Helvetica;
                font-weight: 400;
                font-size: 1em;
                color: #003366;
                text-decoration: underline;
}

#main aside img {
                width: auto;
                height: auto;
                max-width: auto;
}



#vorteile {
          background: #ffffff;
}


#vorteile ul li {
          list-style: ✓
          font-family: Helvetica;
          font-weight: 400;
          color: #191970;
          line-height: 1.5em;
          padding: 0em;
          margin: 0.313em 0em 0.313em 0em;
}


#list-main ul {
          Background: #204562;
          border: #204562 1px solid;
          border-radius: 7px;
          margin: 0em 4em 0em 3em;
          padding: 1.2em 3.0em 1.2em 4.0em;
}



#list-main ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 1.1em;
          font-weight: 400;
          color: #ffffff;
          line-height: 1.5em;
          text-align: left;
}





#box2 {
          background: #FFFFFF;

}
#box3 {
          margin-bottom: 1.563em;
          background: #ffffff;
}



/* Footer */
footer {
          display: block;
          background: #204562;
          text-align: center;
          margin-top: 4em;

}

footer ul {
          display: block;
          width: 100%;
          max-width: 980px;
          text-align: left;
          margin: 0px auto;
}

footer ul li {
          display: inline-block;
          font-size: 0.8em;
          font-weight: 400
          line-height: 1.8em;
          color: #ffffff;
          padding: 0em 0.625em 0em 0.625em;

}

footer ul li a {
         color: #ffffff;

}


footer p {
        display: inline-block;
        line-height: 1.25em;
        font-family: Helvetica;
        font-size: 0.7em;
        color: #ffffff;
        margin: 0.8em;
        padding: 1.25em;
        text-align: justify;
        width: 94%;
        max-width: 980px;
        space: 0.5em;
}

footer p a {
       color: #ffffff;
       font-weight: 400;
}






/* mobile style */
@media screen and (max-width:800px) {
    body {
        font-size: 2em;
        }
    p img {
        width: 100%;

        }
    aside p img {
        width: 90px;
        }
    h1 {
        font-size: 1.6em;
        font-weight: bold;
        color: #204562;
        }
    h2 {
        font-size: 1.5em;
        font-weight: 400;
        color: #204562;
        }

    h3 {
        color: #000000;
        font-weight: 400;
        }

    h4 {
        font-size: 1.4em;
        font-weight: 400;
        }


    #text01  {
    line-height: 1.4em;
    font-size: 120%;
    font-weight: 400;
    color: #000000;
    margin: 0em;
         }

    #text02  {
    line-height: 1.4em;
    color: #000000;
    font-size: 110%;
    font-weight: 400;
         }

    #text03  {
    line-height: 1.4em;
    font-size: 120%;
    font-weight: 400;
    text-align: left;
         }


    #list-main ul {
          Background: #204562;
          border: no;
          margin: 0em 1.5em 0em 1.5em;
          padding: 1.2em 1.0em 1.2em 2.5em;
         }

    #list-main ul li {
          font-size: 1.3em;
          font-weight: 400;
          line-height: 1.3em;
          color: #ffffff;
          padding: 0.3em;
          text-align: left;
         }
     #vorteile ul {
      Background: #006699;
      border-radius: 7px;
     }


     #vorteile ul li {
           font-size: 1.3em;
           font-weight: 400;
           color: #ffffff;
           line-height: 1.3em;
           padding: 0.3em;
          }

     nav ul   {
          padding: 2em;
          }

     nav ul li a {
          font-size: 1.2em;
          font-weight: 400;
          line-height: 1.5em;
          color: #ffffff;
          }



}



@media screen and (max-width:980px) {
      #main aside, #main article {
         width: 100%;
         display: block;
         margin: 0.625em 0em 0.625em 0em;
         }
         #text02  {

    font-size: 110%;
         }
}
@media screen and (max-width:980px) {
      body {
         font-size: 86%;
         }
      #menubar ul li a.menubutton {
         display: block;
      }
      nav {
         display: none;
         height: auto;
      }
      nav ul li {
         display: block;
         margin: 0.3em 0em 0.3em 0em
      }
      aside p img {
        width: 90px;
        }
}