/* General Style    www.autoankauf-sofort-bargeld24.com */
body {
    background: #edf0f5;
    font-size: 100%;
    margin: 0em;
    padding: 0em;
}

h1 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-family: Segoe UI, Segoe UI, Helvetica;
    font-weight: 600;
    color: #072339;
    padding-top: 1em;
    margin: 0em 10% 1.0em 10%;
}

h2 {
    font-size: 1.4em;
    line-height: 1.3em;
    font-family: Segoe UI, Segoe UI, Helvetica;
    font-weight: 600;
    color: #000000;
    padding: 1.25em;
    text-align: left;
}


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

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



strong {
    font-weight: bold;
    color: #2b2b2b;
}


#run01  {
    line-height: 1.4em;
    font-family: Segoe UI, Helvetica;
    font-weight: 400;
    font-size: 1em;
    color: #2b2b2b;
    margin: 1em;
    padding: 1.25em;
    text-align: justify;
}

#run02 {
              line-height: 1.25em;
              font-family: Segoe UI, Helvetica;
              font-weight: 400;
              font-size: 0.9em;
              color: #2b2b2b;
              margin-top: 0em;
              padding: 1.25em;
              text-align: justify;
}

#run04 {
              line-height: 1.25em;
              font-family: Segoe UI, Helvetica;
              font-weight: 400;
              font-size: 0.85em;
              color: #4c5355;
              margin-top: 1em;
              padding: 1em 1.25em 0em 1.25em;
              word-spacing: 0.2em;
              text-align: center;
}


#run03 {
              line-height: 1.25em;
              font-family: Segoe UI, 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: Segoe UI, 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;
}

#small {
     width: 120px;
     height: auto;
     max-width: 120px;
     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;
}


a {
   text-decoration: none;
   color: #971118;
   font-weight: 400;
}

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

#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: #032747;
          text-align: center;
          border-bottom: 0.180em solid #7493a8;
}

nav ul {
          display: block;
}

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

nav ul li a {
          color: #ffffff;
          font-size: 0.7em;
          font-weight: 400;
          line-height: 3.5em;
          padding: 0em 0.438em 0em 0.538em;
          transition:background 0.2s;
          -webkit-transition:background 0.2s;
}

nav ul li a:hover {
          color: #04334d;
          background: #FFFFFF;
          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 #032747;
}

#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 #032747;
          box-shadow: 0px 0px 10px -5px #4c4948;
          border-radius: 5px;
}

#main article h2 {
          padding: 1em 1.8em 1em 1.8em;
          font-weight: 400;
}

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

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

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



#service {
          background: #ffffff;

}


#service ul li {
          list-style: ✓
          font-family: Segoe UI, Helvetica;
          font-weight: 400;
          color: #032538;
          line-height: 1.5em;
          padding: 0em;
          margin: 0.313em 0em 0.313em 0em;
}


#points ul {
          Background: #144165;
          border: #04334d 1px solid;
          border-radius: 7px;
          margin: 0em 4em 0em 3em;
          padding: 1.2em 3.0em 1.2em 3.0em;

}



#points ul li {
          list-style: •
          font-family: Segoe UI, Helvetica;
          font-size: 1em;
          font-weight: 400;
          color: #ffffff;
          line-height: 1.5em;
          text-align: left;
}


#points2 ul {
          margin: 0em 4em 0em 3em;
          padding: 1.2em 3.0em 1.2em 4.0em;
}

#points2 ul li {
          list-style: •
          font-family: Segoe UI, Helvetica;
          font-size: 1em;
          font-weight: 400;
          color: #000000;
          line-height: 1.5em;
          text-align: left;
}


#box2 {
          background: #FFFFFF;

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



/* Footer */
footer {
          display: block;
          background: #144165;
          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: #b8b5b5;
          padding: 0em 0.625em 0em 0.625em;

}

footer ul li a {
         color: #b6b3b3;
         font-weight: 400;

}


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

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






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

        }
    aside p img {
        width: 90px;
        height: auto;
        }
    h1 {
        font-size: 1.6em;
        font-weight: bold;
        text-decoration: no;
        }
    h2 {
        font-size: 1.5em;
        font-weight: 400;
        color: #2b2b2b;
        }

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

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

        #menubar {
          background: #ffffff;
        }

        #menubutton {
         max-width:60%;
         margin:0em;
         }


    #run01  {
    line-height: 1.4em;
    font-size: 120%;
    font-weight: 400;
    color: #2b2b2b;
    margin: 0em;
         }

    #run02  {
    line-height: 1.4em;
    color: #2b2b2b;
    font-size: 110%;
    font-weight: 400;
         }

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


    #points ul {
          Background: #d9dfdb;
          border: #04334d 1px solid;
          border-radius: 7px;
          margin: 0em 1.5em 0em 1.5em;
          padding: 1.2em 1.0em 1.2em 1.2em;

         }

    #points ul li {
          font-size: 1.3em;
          font-weight: 400;
          line-height: 1.3em;
          color: #04334d;
          padding: 0.3em;
          padding-left: 1em;
          text-align: left;
         }
     #service ul {
      Background: #ffffff;
      border-radius: 7px;
     }


     #service ul li {
           font-size: 1.3em;
           font-weight: 400;
           color: #04334d;
           line-height: 1.3em;
           padding: 0.3em;
          }

     nav ul   {
          background: #ffffff;
          padding: 2em;
          }

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

        p  a {
            text-decoration: none;
            color: #971118;
            font-weight: 400;
          }

}


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


}
@media screen and (max-width: 980px) {
      body {
         background: #ffffff;
         font-size: 86%;
         }
      #menubar ul li a.menubutton {
         display: block;
      }

      #menubar {
          background: #ffffff;
        }
      nav {
         display: none;
         height: auto;
      }
      nav ul li {
         display: block;
         margin: 0em 0em 0em 0em;
         padding: 0em;

      }


      aside p img {
        width: 90px;
        }
      p img {
        width: 200px;
        height: auto;
        }

        p  a {
            text-decoration: none;
            color: #971118;
          }
}