/*================================================================================================
HTML-Elemente
=================================================================================================*/
body {
        font-family: Arial, Helvetica, sans-serif;
        color:#141313;         /* fast weiß-grau*/
        font-size:14px;
        background: #f7f7f7;     /* dunkelgrau */
        margin: 0px;
        padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
       color: #D30E22;
        font-weight: bold;
        padding: 0px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left:0px;
        margin-right:0px;
        }

p {margin-top:10px;
   margin-bottom:20px;
   margin-left:0px;
   margin-right:0px;}

li a {
     color: #3A6BFF;
     }
li a:hover {
     color: #c40000;
     }
p a {
     color: #3A6BFF;
     }
p a:hover {
     color: #c40000;
     }
#effekt a {
     color: #3A6BFF;
     }
#effekt a:hover {
     color: #c40000;
     }

a img {
       border:2px solid #141313;
       margin-top:0px;
       margin-bottom:20px;
       margin-right:10px;
       }
a:hover img {
       border:2px solid #c40000;
       margin-top:0px;
       margin-bottom:20px;
       margin-right:10px;
       }

hr {color:#2A303D;
}


/*================================================================================================
- allgemeines Layout
==================================================================================================*/
#banner {
        height:100px;
        background-image:url(quidditch_banner.jpg);
        background-repeat:no-repeat;
        background-position:center;
        background-color:#2A303D;           /* fast weiß-grau*/
        }

#Content {
        margin: 50px;
        padding: 30px;
        border: 1px solid #141313;            /* dunkelgrau*/
        background-color:#2A303D;             /* fast weiß-grau*/
        color:#f7f7f7;                        /* schreibfarbe*/
        text-align:left;
        }



#Content div.chat {
       background-image:url(sterne.jpg);
       border: 1px solid #4f5a72;                 /*dunkelgrau*/
       padding:20px;
       margin-top:10px;
       margin-bottom:30px;
       margin-left:0px;
       margin-right:0px;
}