html, body  /*Angaben, die den ganzen Body betreffen*/
{
    background-image: url("GaertnerhofLogo.jpg");   /* Hintergrundbild im gleichen Ordner; Name: GaertnerhofLogo.jpg*/
    background-position: center top;    /*Position des Hintergrundbildes: Oben in der Mitte*/
    background-repeat: repeat-y;    /*Hintergrundbild wird senkrecht wiederholt*/
    font-family: "Comic sans MS";   /*Schriftart: Comic sans MS*/
    color: #003300;     /*Farbe der Schrift(bezieht sich auf font-): "#003300" heißt 00 Teile Rot; 33 Teile Grün; 00 Teile Blau; Skala geht von 000000 (schwarz) bis FFFFFF (weiß))*/
}
h1  /*Angaben, die alle "h1-Überschriften" betreffen*/
{
    text-align: center;     /*Text-Position ist in der Mitte (horizontal)*/
    color: #006600;
}
h2  /*Angaben, die alle "h2-Überschriften" betreffen*/
{
    text-align: center;
    color: #009900;
}
hr  /*Angaben, die alle Trennlinien betreffen*/  
{
    width: 985px;
    text-align: center; 
}
ul  /*Angaben, die alle Aufzählungen betreffen*/
{
    color: #003300;
}
#Bilderrechts   /*Angaben, die den Div "Bilderrechts" betreffen. "#" bedeutet, das ein Div gemeint ist und nicht etwas Allgemeines*/
{
    position: relative;
    bottom: 50px;
    left: 700px;
}
#Links
{
    position: absolute;
    top: 30px;
    left: 20px;
}
#Bildlinks
{
    position: absolute;
    top: 415px;
    left: 20px;
}
#Bildlinks2
{
    position: absolute;
    top: 570px;
    left: 20px;
}
#Bildmitte
{
    position: absolute;
    left: 406px;
    top: 370px;
}
#Bildmitte2
{
    position: absolute;
    left: 406px;
    top: 150px;
}
#footer
{
    position: absolute;
    top: 710px;

    text-align: center;     
    font-style: italic;     /*Schrift-stil: kursiv*/
    font-size: 15px;        /*Schrift-größe: 15 pixel*/
    font-weight: bold;      /*Schrift-gewicht: fett*/
}
#footerup
{
    position: absolute;
    top: 1890px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#footerdb
{
    position: absolute;
    top: 870px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#footerdwec
{
    position: absolute;
    top: 3020px;
    
    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#footergb
{
    position: absolute;
    bottom: 5px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#footerdamp
{
    position: absolute;
    top: 710px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold; 
}
#footerv
{
    position: absolute;
    top: 825px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#footerp                    /* wie bei den anderen footern nur anderer abstand von oben (top:1350px)*/
{
    position: absolute;
    top: 1400px;

    text-align: center;
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}
#Text
{
    position: absolute;
    left: 230px;
    right: 250px;
}
#Text2
{
    position: absolute;
    left: 230px;
    right: 0px;
}
#Neu
{
    position: absolute;
    top: 330px;
    left: 20px;
    
    color: #0000FF;
    font-weight: bold;
    font-style: italic; 
}
#Neu2
{   
    position: absolute;
    top: 385px;
    left: 115px;

    color: #0000FF;
    font-weight: bold;
    font-style: italic;    
}
#Bilderrechts2
{
    position: absolute;
    top: 90px;
    right: 20px;
}
#Bildvermarktung
{
    position: absolute;
    top: 280px;
    left: 330px;
}
#Bildvermarktungss
{
    position: absolute;
    top: 555px;
    left: 330px;
}



a:link  /*Noch nicht besuchter Link*/
{
    color: #00cc00;
    text-decoration: none;
}
a:visited   /*besuchter Link*/
{
    color: #006600;
    text-decoration: none;
}
a:active    /*Link, der gerade aufgerufen wird*/
{
    color: #003300;
    text-decoration: blink;
}
a:hover     /*Link, während der Cursor darüber steht*/
{
    color: #883366;
    text-decoration: underline;
}
