#Index {
height: 800px;
font-family: tahoma;
font-size: 13 px;
text-align: center;

}

#include {
color: gray;
font-family: arial-rounded;
font-style: bold;
}

#Seite {
width: 1024px;
height: 800px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-family: tahoma;
font-size: 13 px;
text-align: center;
}

#Header {
height: 198px;
width: 1280px;
background-repeat: no-repeat;
}


#Left {
float: left;
height: 438px;
width: 267px;
font-family: tahoma;
font-size: 13 px;
text-align: center;
}

#Center {
float: left;
overflow: scroll;
height: 492px;
width: 696px;
background-image: url(slicen/basis.jpg);
font-family: tahoma;
font-size: 13 px;
}

#Right {
float: left;
height: 492px;
width: 90px;
background-repeat: no-repeat;
background-image: url(slicen/rechts.jpg);
}

#Footer {
clear: both;
height: 84px;
width: 1024px;
background-repeat: no-repeat;
}
#include {
width: 1100px;
font-family: tahoma;
font-size: 13 px;
text-align: right;
}
marquee {
padding-top: 18px; /* Ausrichtung von Oben zum Lauftext (Wenns nicht passt einfach ändern) */
padding-left: 50px; /* Endebereich des von rechtskommenden Lauftext, sodass er nicht über den Rand wegläuft */
padding-right: 50px; /* Startbereich des Lauftextes */
font-size: 13px; /* Selbsterklärend */
font-weight: bold; /* Schrifteigenschaft. Hier fettdruck */
font-family: Arial, Tahoma; /* Schriftart. Arial ist erster Wert, hat ein PC kein Arial so wird der nächste Stil verwendet */
}
/* Weitere Eigenschaften, auch laufrichtung des Lauftextes etc finden Ihr auf: http://de.selfhtml.org/navigation/css.htm */

#Footer p { /* Gibt die Eigenschafft von p innerhalb des Containers: Footer an */
padding-top: 23px;
padding-left: 50px; /* Gibt inneren Rahmen an, sodass die Schrift in diesem Rahmen bleib thttp://de.selfhtml.org/css/formate/box_modell.htm */
padding-right: 50px;
text-align: center; /* Zentrierter Text */
font-size: 13px;
font-weight: bold;
font-family: Arial, Tahoma;
}

p { /* Gibt Allgemein die Eigenschafft von p an */
padding: 5px 10px 5px 30px; /* Hier padding alleine die 1.Zahl ist oben, die 2.Zahl ist rechts und so weiter (Uhrzeigersinn, beginnend bei 12Uhr) */
font-size: 13px;
font-family: Arial, Tahoma;
}

h1 { /* Gibt Allgemein die Eigenschafft der Übersschrift h1 an */
padding: 5px 10px 5px 40px;
font-size: 15px;
font-weight: bold;
font-family: Arial, Tahoma;
}

#Left a:link, #Left a:visited { /* sind die Schaltflächen nicht berührt, so wird nur 40px von den 80px die menu.png hat angezeigt */
display: block;
background: url(img/menu.png) no-repeat;
height: 40px;
width: 199px;
}

#Left a:hover { /* fährt man nun mit der Maus über einen Link, so werden die anderen 40px angezeigt, weiter ändert sich auch die Farbe des linkes */
background-position: 0px -40px;
color: #ffffff;
}

#Left p { /* Hier wird wieder p speziell für Left definiert, sodass man die URL-Texte gut lesen kann*/
padding-top: 10px;
font-size: 15px;
font-weight: bold;
text-indent: 40px; /* Gibt den Texteinzug an, sodass der Text nicht auf dem Dot beginnt */
font-family: Arial;
}

a:link, a:visited, a:link:hover{ /* Link, Besuchter Link und Aktiver Link */
color: #000000; /* Farbe des Links */
text-decoration: none; /* kein Unterstrichener Link */
}

a.info:hover {
background-color:;
}
a.info span {
display:none;
}
a.info:hover span {
background-color:#BFFFBF;
border:1px solid #000000;
color:#000000;
display:block;
left:1em;
position:absolute;
text-align:center;
top:2em;
width:10em;