* {
        margin      : 0;
        padding     : 0;
}
body{
        background  : url(Hintergrund_6f.jpg) repeat center top fixed;
        overflow    : auto;
        font-size   : 90%;
        font-family : arial,verdana,sans-serif;
        margin      : 0;
        padding     : 0 0 0px;
        }

header {
       width        : 100%;
       margin-bottom: 1%;
       height       : 177px;
       background   : url(StephanieHofschlaegerPixelioDe_20.jpg);
     -moz-box-shadow: 8px 5px 15px #00486A;
  -webkit-box-shadow: 8px 5px 15px #00486A;
       box-shadow   : 8px 5px 15px #00486A;
}

nav {
       width        : 100%;
       margin-bottom: 1%;
       background   : white;
     -moz-box-shadow: 8px 5px 15px #00486A;
  -webkit-box-shadow: 8px 5px 15px #00486A;
       box-shadow   : 8px 5px 15px #00486A;
}

article {
        overflow    : auto;
        width       : 100%;
        margin-right: 1%;
        background  : white;
        min-height  : 100%; /* Mindesthöhe für moderne Browser */
        height      : auto; /* Important Regel für moderne Browser */
        height      : 100%; /* Mindesthöhe für den IE */
        overflow    : hidden; /* FF Scroll-leiste */
    -moz-box-shadow : 10px 5px 15px #00486A;
 -webkit-box-shadow : 10px 5px 15px #00486A;
       box-shadow   : 10px 5px 15px #00486A;
}

sidebar {
        float       : left;
        width       : 28%;
        background  : white;
        min-height  : 600px;
    -moz-box-shadow : 8px 5px 15px #00486A;
 -webkit-box-shadow : 8px 5px 15px #00486A;
        box-shadow  : 8px 5px 15px #00486A;
}

footer {
        float       : left;
      /*  margin-top  : 1%; */
        width       : 100%;
        background  : white;
     /*   min-height  : 30px;  */
  /*  -moz-box-shadow : 8px 5px 15px #00486A;
 -webkit-box-shadow : 8px 5px 15px #00486A;
        box-shadow  : 8px 5px 15px #00486A; */
}


h1{
    color           : black;
    font-size       : 130%;
    font            : bold 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    padding-left    : 20px;
    padding-right   : 20px;
 }

h2{
    color           : black;
    font-size       : 120%;
    font            : bold 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    padding-left    : 20px;
    padding-right   : 20px;
 }
h3{
    color           : black;
    font-size       : 110%;
    font            : bold 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    padding-left    : 20px;
    padding-right   : 20px;
 }
h4{
    color           : black;
    font-size       : 100%;
    font            : bold 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    padding-left    : 20px;
    padding-right   : 20px;
 }
p{
    color           : black;
    font-size       : 90%;
    font            : 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    text-align      : left;
    padding-left    : 20px;
    padding-right   : 20px;
 }

li {
    padding-left    : 10px;
    padding-right   : 10px;
    line-height     : 1.4;
 }

ul {
    padding-left    : 60px;
    padding-right   : 20px;
    line-height     : 1.3;
    font-size       : 90%;

 }

a:link              {
    color           : #0000CC;
    text-decoration : none;
    font-style      : italic;
 }
a:visited           {
    color           : #0000CC;
    text-decoration : none;
    font-style      : italic;
    }
a:hover             {
    color           : red;
    text-decoration : none;
    font-weight     : bold;
          }
a:active            {
    color           : #080;
    text-decoration : none;
   /* font-weight     : bold; */
    background-color: #cff
        }
a:focus {
    text-decoration : none;
    font-weight     : bold;
    background-color: #;
}

.rechtsbuendig {
    text-align      : right;
    font-family     : arial,verdana,sans-serif;
    padding-left    : 25px;
    padding-right   : 30px;
    line-height     : 1.3;
}
.linksbuendig {
    text-align      : left;
    font-family     : arial,verdana,sans-serif;
    padding-left    : 25px;
    padding-right   : 30px;
    line-height     : 1.3;
}
.zentriert {
    text-align      : center;
    font-family     : arial,verdana,sans-serif;
    font-size       : 100%;
    padding-left    : 20px;
    padding-right   : 20px;
    line-height     : 1.3;
}
.blocksatz {
    text-align      : justify;
    font-family     : arial,verdana,sans-serif;
    padding-left    : 25px;
    padding-right   : 30px;
    line-height     : 1.3;
}

.button, .button:visited {
    display          : inline-block;
    padding          : 5px 5px 5px;
    margin-top       : 5px;
    margin-bottom    : 5px;
    color            : #1240AB;
    background-color : white;
    text-decoration  : none;
    position         : relative;
    cursor           : pointer;
}
.button:hover {
    background-color : #1240AB;
    color            : #fff;
}

.button:active {
                 top: 1px;
}

.small.button, .small.button:visited     {
    font-size        : 11px
}
.button, .button:visited, .medium.button, .medium.button:visited   {
    font-size        : 13px;
    font-weight      : bold;
    line-height      : 1;
 /* text-shadow      : 0 -1px 1px rgba(0,0,0,0.25); */
}

.pink.button, .magenta.button:visited    { background-color: #e22092; }
.pink.button:hover                       { background-color: #c81e82; }
.green.button, .green.button:visited     { background-color: #91bd09; }
.green.button:hover                      { background-color: #749a02; }
.red.button, .red.button:visited         { background-color: #e62727; }
.red.button:hover                        { background-color: #cf2525; }
.blue.button, .blue.button:visited       { background-color: #3A5999; }
.blue.button:hover                       { background-color: #2575cf; }


#klein{
    font-size       : 80%;
    line-height     : 16px;
 }
#kleinb{
    font-size       : 80%;
    line-height     : 20px;
 }
#kleinc {
    font-size       : 60%;
    line-height     : 20px;
}
#kleind {
    font-size       : 70%;
}
#kleine {
    font-size       : 60%;
    color           : black;
    text-align      : right;
}
#achtung {
    font-size       : 120%;
    color           : red;
    font-weight     : bold;
    line-height     : 20px;
}

#blau {
    font-size       : 100%;
    color           : blue;
    font-weight     : bold;
}
#zentriert{
    color           : black;
    font-size       : 100%;
    font            : 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    text-align      : center;
 }

#block{
    color           : black;
    font-size       : 100%;
    font            : 11px arial, Verdana', 'Lucida Grande';
    margin          : 0 5px;
    text-align      : justify;
}

#container {
        margin      : 10px auto;
        width       : 860px;
}


#content {
        float       : left;
        width       : 71%;
        margin-right: 1%;
        background  : white;
        min-height  : 600px;
     /*   opacity   : 0.8; */
 -moz-box-shadow    : 10px 5px 15px #00486A;
 -webkit-box-shadow : 10px 5px 15px #00486A;
 -box-shadow        : 10px 5px 15px #00486A;
}

 @media only screen and (max-width: 1024px) {

#container {
        margin      : 10px auto;
        width       : 100%;
}
#content {
        float       : left;
        width       : 71%;
        margin-right: 1%;
        background  : white;
}
nav {
    width           : 100%;
    margin-bottom   : 1%;
}

article {
    width           : 71%;
    margin-bottom   : 1%;
}

sidebar {
    width           : 28%;
    margin-right    : 1%;
    margin-bottom   : 1%;
}
footer {
    width           : 100%;
    margin-top      : 1%;
}

}
 @media only screen and (max-width: 480px) {

#container {
        margin      : 10px auto;
        width       : 100%;
}
#content {
        float       : left;
        width       : 100%;
        margin-right: 1%;
        background  : white;
}
header {
    width           : 100%;
    margin-bottom   : 1%;
}
nav {
    width           : 100%;
    margin-bottom   : 1%;
}
article {
    width           : 100%;
    margin-right    : 0;
    margin-bottom   : 1%;
}
sidebar {
    width           : 100%;
    min-height      : 200px;
    margin-right    : 0;
    margin-bottom   : 1%;
}
footer {
    width           : 100%;
    margin-top      : 1%;
}
}