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

h1 {
    font-size: 1.7em;
    line-height: 1.2em;
    font-family: Segoe UI, Arial;
    font-weight: 600;
    color: #413937;
    padding: 0em;
    text-align: center;
    margin: 0.8em 0em 0.8em 0em;
}




h2 {
    font-size: 1.3em;
    line-height: 1.4em;
    font-family: Segoe UI, Arial;
    font-weight: 600;
    color: #413937;
    padding-left: 1.8em;
    text-align: left;
    margin: 2.5em 0em 0.5em 0em;
}


h3 {
    font-size: 1.1em;
    line-height: 1.4em;
    font-family: Segoe UI, Arial;
    font-weight: 600;
    color: #413937;
    padding: 0.5em;
    text-align: left;
    margin: 1em 1.5em 1em 1.5em;
}

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

strong {
    font-weight: 700;
    color: #413937;
}



#lettertypes01  {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 1em;
    color: #363636;
    margin: 0em 0.8em 0em 0.8em;
    padding: 1.25em;
    text-align: left;
}

#lettertypes02 {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 1.8em;
    color: #ec3415;
    margin: 1em 25% 0.5em 25%;
    padding: 0.3em 1em 0.3em 1em;
    text-align: center;
    word-spacing: 0em;
    background-color: #f8f1f1;
    border-style: solid;
    border-width: 2px;
    border-radius: 12px;
    border-color: #ec3425;
}

#lettertypes02mail {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 1.2em;
    color: #26405b;
    margin: 0em 25% 1.5em 25%;
    padding: 0.3em 1em 0.3em 1em;
    text-align: center;
    word-spacing: 0em;
    background-color: #f8f1f1;
    border-style: solid;
    border-width: 2px;
    border-radius: 12px;
    border-color: #26405b;
}


#lettertypes02 a {
   text-decoration: none;
   color: #ec3415;
}

#lettertypes02mail a {
   text-decoration: none;
   color: #26405b;
}

#asconttxt02 {
              line-height: 1.25em;
              font-family: Helvetica;
              font-weight: 400;
              font-size: 0.9em;
              color: #2b2b2b;
              margin-top: 1em;
              padding: 1.25em;
              text-align: left;
}

#lettertypes03  {
    line-height: 1.5em;
    font-family: Helvetica;
    font-weight: 600;
    font-size: 1em;
    color: #8b0000;
    margin: 0em 0.8em 0em 0.8em;
    padding: 1.25em;
    text-align: justify;
}


#lettertypes04 {
    font-size: 1.3em;
    line-height: 1.4em;
    font-family: Segoe UI, Arial;
    font-weight: 600;
    color: #8b0000;
    padding-left: 1.8em;
    text-align: center;
    margin: 2.5em 0em 0.5em 0em;
}





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: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
}


p img {
    width: auto;
    height: auto;
    max-width: auto;
    margin: 0em 2em 1em 0em;
    border-radius: 5px;
}


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

}

#toplogo {
    width: 100%;
    height: auto;
    max-width: 900px;
    margin: 0em;
}


#bottomlogo   {
      display: block;
      text-align: center;
}

#banner {
    width: 90%;
    height: auto;
    max-width: 900px;
    vertical-align: center;
    margin: 2.5em 0em 0em 0em;
}


#float-rechts {
    width: auto;
    height: auto;
    max-width: auto;
    float: right;
    margin: 0em 0em 1em 2em;
    border-radius: 5px;
}




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

nav ul {
          display: block;
}

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

nav ul li a {
          color: #413937;
          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 {
          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;
          border-radius: 5px;
          border-bottom: 0.188em solid #413937;
}

#main article img {
          max-width: 100%;
}




/* Obere Linkbox */


#setlist ul {
          Background: #e3e5e8;
          border-radius: 7px;
          margin: 2.0em 4.0em 0em 3.0em;
          padding: 1.2em 3em 1.2em 4em;
}

#setlist ul li {
          list-style: square;
          font-family: Segoe UI, Arial;
          font-size: 1.0em;
          font-weight: 400;
          color: #413937;
          line-height: 1.5em;
          text-align: left;
}



#setlist2 ul {
          Background: #e3e5e8;
          border-radius: 7px;
          margin: 2.0em 4.0em 0em 3.0em;
          padding: 1.2em 3em 1.2em 4em;
}

#setlist2 ul li {
          list-style: •
          font-family: Segoe UI, Arial;
          font-size: 1.0em;
          font-weight: 400;
          color: #413937;
          line-height: 1.5em;
          text-align: left;
}




#setlist3 ul {
          Background: #ededed;
          border-radius: 7px;
          margin: 2.0em 4.0em 0em 3.0em;
          padding: 1.2em 3em 1.2em 4em;
}

#setlist3 ul li {
          list-style: square;
          font-family: Segoe UI, Arial;
          font-size: 1.0em;
          font-weight: 400;
          color: #413937;
          line-height: 1.5em;
          text-align: left;
}




#setlist4 ul {
          margin: 0em;
          padding: 1.2em 0em 0em 5em;
}

#setlist4 ul li {
          list-style: none;
          font-family: Segoe UI, Arial;
          font-size: 0.85em;
          font-weight: 400;
          color: #363636;
          line-height: 1.25em;
          text-align: justify;
}


/* Content Area SIDERBAR */

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

#main aside section {
          margin-bottom: 1.0em;
          border-bottom: 0.15em solid #413937;
          border-radius: 5px;
}


#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: #8b0000;
                text-decoration: underline;
}

#main aside img {
                width: auto;
                height: auto;
                max-width: auto;
                border-radius: 5px;
                float: left;
}


#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: #ff4000;
          border-bottom: #cd0000 2px 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: 1em;
          font-weight: 400;
          color: #ffffff;
          line-height: 1.5em;
          text-align: left;
}


#list02 ul {
          margin: 0em 0em 0em 0em;
          padding: 1.2em 0em 0em 1em;
}

#list02 ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.5em;
          text-align: left;
}



#linkint ul {
          margin: 0em 0em 0em 1em;
          padding: 0em 0em 0em 1em;
}

#linkint ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.0em;
          text-align: left;
}





#list-main3 ul {
          margin: 0.8em 0em 3em 40%;
          padding: 0em 0em 0em 0em;
}

#list-main3 ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.5em;
          text-align: left;
}


#aside_cont02 {
          background: #fcfcfc;
          padding-bottom: 1em;
}


#aside_cont02 ul {
          margin: 2em 0em 0em 2em;
          padding: 0em 0em 0em 0em;
}


#aside_cont02 ul li {
          list-style: •
          font-family: Helvetica;
          font-size: 0.9em;
          font-weight: 400;
          color: #2b2b2b;
          line-height: 1.1em;
          text-align: left;
}






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






/* Footer */
footer {
          display: block;
          background: #413937;
          text-align: center;
}

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: #c3ccce;
          padding: 0em 0.625em 0em 0.625em;

}

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

}


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

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


/* mobile style */


@media screen and (max-width: 800px) {
      body {
         font-size: 86%;
         }

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

         #menubutton {
         max-width: 60%;
         margin: 0em;
         }
         nav {
         display: none;
         height: auto;
         }
         nav ul li {
         display: block;
         margin: 0em;
         padding: 0.5em;
         }

         nav ul li a {
          color: #8b0000;
          font-size: 1em;
          font-weight: 500;
          line-height: 1.25em;

}




         #toplogo {
         margin: 0em;
         }

         h1 {
         font-size: 1.4em;
         color: #032851;
         font-weight: bold;

         }

         h2 {
         font-size: 1.4em;
         color: #032851;
         font-weight: bold;
         margin: 0em;
         padding-left: 0.8em;
         }

         #lettertypes01  {
         line-height: 1.4em;
         font-size: 120%;
         font-weight: 400;
         color: #363636;
         margin: 0em;
         padding: 1.25em 0.8em 1.25em 1em;
         }

         #lettertypes02 {
         line-height: 1.5em;
         font-family: Helvetica;
         font-weight: 600;
         font-size: 1.55em;
         color: #ec3415;
         margin: 1em 0em 1.5em 0em;
         padding: 0.3em 1em 0.3em 1em;
         text-align: center;
}




         #setlist ul {
          Background: #e3e5e8;
          border: no;
          margin: 0em 0em 2em 0em;
          padding-left: 2.5em;
          padding-right: 1em;
         }

         #setlist ul li {
          font-size: 1.1em;
          font-weight: 500;
          line-height: 1.3em;
          color: #032851;
          padding: 0.3em;
          margin-left: 0em;
          text-align: left;
         }

#setlist2 ul {
          Background: #e3e5e8;
          border: no;
          margin: 0em 0em 2em 0em;
          padding-left: 2.5em;
          padding-right: 1em;
}

#setlist2 ul li {
          font-size: 1.1em;
          font-weight: 500;
          line-height: 1.3em;
          color: #032851;
          padding: 0.3em;
          margin-left: 0em;
          text-align: left;
}

#setlist3 ul {
          Background: #ededed;
          border: no;
          margin: 0em 0em 2em 0em;
          padding-left: 2.5em;
          padding-right: 1em;
}

#setlist3 ul li {
          font-size: 1.1em;
          font-weight: 500;
          line-height: 1.3em;
          color: #032851;
          padding: 0.3em;
          margin-left: 0em;
          text-align: left;
}

    aside p img {
        width: 90px;
        }


         p img {
         width: 100%;

        }

        #banner {
        width: 100%;
        }
}


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

         h1 {
         margin: 0em 0em 1em 0em;
         }

         #lettertypes02 {
         color: #ec3415;
         margin: 1em 2% 0.5em 2%;
         padding: 0.3em 1em 0.3em 1em;
         text-align: center;
}

         #lettertypes02mail {
         color: #26405b;
         margin: 0em 2% 1.5em 2%;
         padding: 0.3em 1em 0.3em 1em;
         text-align: center;
}


}


@media screen and (max-width: 980px) {
    body {
        font-size: 95%;
        }
    p img {
        width: 100%;
        height: auto;
        }
}