/*----------------CSS RESET - Setzt alles auf Standardformatierung-------------------*/
*{
padding: 0;             /*Innenabstand*/
margin: 0;              /*Außenabstand*/
font-size: 100%;        /*Schriftgröße*/
font-weight: normal;    /*Schriftgewicht*/
}

ul, ol {
list-style: none;       /*keine Auflistung*/
}

b, strong {
font-weight: bold;      /*b und strong sollen fett dargestellt werden!!!*/
}

img, a img {
border: none;}           /*Bilder sollen keinen Rahmen haben!!!*/

/*Nun sind die Standardformatierungen des Browsers gelöscht!!!*/


/*----------------Schriftdefinition-------------------*/

body {
font-family: Arial,Helvetica,sans-serif;
line-height: 1.5em;
text-align: left;
}
 
h1 {
font-size: 3em;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
text-align: center;
color: white;
}

h2 {

font-weight: bold;
text-align: center;
color: white;
}


/*Die Reihenfolge der Links genau so einhalten*/

a:link,                      /*Pseudoklasse*/
a:visited                    /*Pseudoklasse - es geht auch a:visited:hover*/
{
color: #FFFFFF;
text-decoration: none;
}

a:hover,                      /*Roll-Over-Effekt*/
a:focus,                     /*wenn man nicht mit der Maus sondern mit der TAB-Taste arbeitet*/
a:active {
color: #FFFFFF;
text-decoration: underline;
}

/*----------------LAYOUT - Seitenstrukturierung-------------------*/

div#container {
width: 800px;
background: url(stretch.jpg) no-repeat center top;
border: 4px solid #000000;
padding: 4px;
margin: 0 auto;               
                             
}              

div#content {
background-color: transparent;
padding: 10px 0px 42px 4px;   /*Rahmen verlängern!!!*/
}


div#sidebar {
margin-top: 500px;
width: 800px;       /*Hier wird die Größe der senkrechten Spalte definiert*/
}