* /* Allgemeine Einstellungen */
{
  font-family:arial,verdana,helvetica,sans-serif;
  color:black;
}

html /* Gültig für das gesamte Dokument, sofern nicht überschrieben wird */
{
    height:100%;
    background:#cc3300;
    font-size:15px;
}

body /* Gültig für den Body-Bereich, sofern nicht überschrieben wird */
{
    height:100%;
    width:780px;
    margin:0 auto;
}

#header /*Einstellungen für den Header */
{
    width:780px;
    height:146px;
    margin:0 auto;
    clear:both;
    background:#FF9900;
}

img#head /*Einstellungen für das Bild im Header */
{
    width:760px;
    height:138px;
    margin-left:10px;
    margin-top:4px;
    margin-bottom:4px;
}

#main /* Einstellungen für den Hauptbereich */
{
    width:780px;
    height:527px;
    margin:0 auto;
    background:#FF7300;
    border-top: 5px groove #FF3300;
    border-bottom: 5px groove #FF3300;
}

#navi /* Einstellungen für die Navigationsleiste */
{
    width:760px;
    margin-left:9px;
    margin-top: 2px;
    background:#FE6D04;
    height:100px;
    padding:0px;
}

#bildmitte  /* Das Bild in der Navigationsleiste */
{
    width:105px;
    height:100px;
    border:none;
    margin-left:7px;
    margin-right:7px;
}

#content /* Der Bereich, wo die htm-Datei angezeigt wird */
{
    width:490px;
    margin-left:10px;
    margin-right:5px;
    margin-top:4px;
    background:#FF9900;
    height:415px;
    float:left;
    padding-left:3px;
    padding-right:3px;
    overflow:auto;
}

#box /* Die Box auf der rechten Seite */
{
    width:250px;
    margin-right:15px;
    height:415px;
    background:#FF9900;
    float:right;
    margin-top:4px;
}

#footer /* Der Bereich am Ende der Seite */
{
    width:780px;
    height:100px;
    background:#FF7300;
    font-size:12px;
    padding-top:7px;
    clear:both;
}

h1 /* Die Überschriften h1, habe ich für die verschiedenen Content-Seiten benutzt */
{
    font-size:18px;
    text-decoration:underline;
    text-align:center;
    margin-top:2px;
}

h2 /*Die Überschriften h2, habe ich für die Überschriften der einzelnen News benutzt */
{
    text-align:center;
    font-size:15px;
    font-weight:bold;
    margin-bottom:-15px;
}

p.text /* Die Textblöcke der Content-Seiten, bzw eigentlich alle Textblöcke mit class="text" */
{
    color:#000000;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    text-align:justify;
    padding-left:2px;
    padding-right:2px;
    padding-top:5px;
    padding-bottom:5px;
}

.input /* Die Textfelder des Kontaktformulares */
{
    text-align:left;
    font-size:13px;
    background-color:#FF7300;
}

.submit /* Absenden und Zurücksetzen im Kontaktformular */
{
    background-color:#FF7300;
}

.error /* Die Fehlermeldungen des Kontaktformulares */
{
    display:block;
    text-align:center;
    margin-top:5px;
    color:#FF0000;
    font-weight:bold;
}

.slide /* Bilder der Slideshow */
{
    width:240px;
    height:400px;
    margin:5px;
    border:none;
}

a.home /*Der Link Home */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/home2.png);
    border:none;
    margin:0px;
}

a.home:hover /* Mouseover Effekt für Home */
{
    background-image: url(../images/home3.png);
}

a.news /* Der Link News */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/news2.png);
    border:none;
    margin:0px;
}

a.news:hover /* Mouseover für News */
{
    background-image: url(../images/news3.png);
}

a.funkycolts /* Der Link Über Funky Colts */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/funkycolts2.png);
    border:none;
    margin:0px;
}

a.funkycolts:hover /* Mouseover für Über Funky Colts */
{
    background-image: url(../images/funkycolts3.png);
}

a.download /* Der Link Downloads */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/download2.png);
    border:none;
    margin:0px;
}

a.download:hover /* Mouseover für Downloads */
{
    background-image: url(../images/download3.png);
}

a.forum /* Der Link Forum */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/forum2.png);
    border:none;
    margin:0px;
}

a.forum:hover /* Mouseover für Forum */
{
    background-image: url(../images/forum3.png);
}

a.kontakt /* Der Link Kontakt */
{
    display:block;
    width:104px;
    height:100px;
    background-image: url(../images/kontakt2.png);
    border:none;
    margin:0px;
}

a.kontakt:hover /* Mouseover für Kontakt */
{
    background-image: url(../images/kontakt3.png);
}

a.impressum /* Der Link Impressum */
{
    display:block;
    width:253px;
    height:90px;
    background-image: url(../images/impressum2.png);
    border:none;
    margin:0px auto;
}

a.impressum:hover /*Mouseover von Impressum */
{
    background-image: url(../images/impressum3.png);
}