html, body, h1, h2, h3, h4, h5, h6, form, fieldset {
        margin: 0;
        border: 0;
}

/* ############################################################ */

html {
         height: 100%;
         margin-bottom: 1px;
         padding: 0px;
         border: 0px;
}

body {
        color: #404040;
		/*color: #ccc;*/
        font: 100% Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        text-align: left; /* Korrektur fuer IE 5.x */
        background-color: #2d2d2d;;
}

td {
        font: 100% Arial, Verdana, Helvetica, sans-serif;
        font-size: 12px;
}

/* ############## DIV/LAYER Formatierungen ################## */

#spyder {
        position: absolute;
        width: 975px;
        visibility: hidden;
}

.layout #container {
        align: center;
        width: 907px;
        margin: 10px auto;
        padding: 0px;
        border: 0px;
        text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element Ueberschrieben. */
}

.layout #balken {
        left: 0px;
        top: 0px;
        height: 15px;
        width: 100%;
        padding: 0px 8px 0px 0px;

}

.layout #header {
        float: left;
        left: 0px;
        width: 100%;
        padding: 0px;
        margin-top: 30px;
        filter:alpha(opacity=100);
        -moz-opacity:0.0;
}
.layout #header h1 {
        margin: 0px; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, koennen Sie das Auftreten unerwarteter Abstaende zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnoetig, weil dieser Rahmen die gleiche Wirkung hat. */
        padding: 10px 0; /* Durch die Verwendung der Auffuellung anstelle von Raendern laesst sich gewaehrleisten, dass das Element die Kanten des div nicht beruehrt. */
}


.layout #content {
        margin: 0px 0px 0px 232px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhaengig von der Inhaltsmenge des sidebar1-div immer gleich. Sie koennen diesen Rand entfernen, falls der Text des #content-div den Bereich von #menu fallen soll, wenn der Inhalt in #sidebar1 endet. */
        width: 643px;
        padding: 4px 16px 8px 16px; /* padding (Auffuellung) bezeichnet den Innenabstand und margin (Rand) den Aussenabstand der div-Box. */
        background: #ffffff; /* #262626; */
}

.layout #content h1 {
        margin: 0px 0px 0px 0px;
        padding: 14px 0px 0px 0px;
		color: #ccc;
}

.layout #menu {
        float: left;
        width: 215px;
        margin: 150px 0;
        padding: 0px 0px 0px 8px;
        background: #000000; /* #262626; */
}

.layout #searching {
        margin-left: 6px;
        border: 0px solid #262626;
}

.layout #footer {
        clear: both;
        padding: 0px; /* Diese Auffuellung entspricht der linksbuendigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
        margin: 0px 0px 20px 0px;
        height: 40px;
        width: 100%;
        font-size: 9px;
        text-align: right;
        line-height: 20px;
        color: #aeaeae;
}

.layout #footer p {
         margin: 0px; /* Wenn Sie die Raender des ersten Elements in der Fusszeile auf 0 einstellen, knnnnen Sie unerwartete Abstaende zwischen divs vermeiden. */
         padding: 2px 8px 0px 0px; /* Durch die Verwendung der Auffuellung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

.clearit{
        clear: both;
}

#inframe{
        position: absolute;
        left: 788px;
        top: 217px;
        width: 212px;
        height: 360px;
        padding: 0px;
        background-color: #a5a5a5;
        z-index: 20;
        overflow: hide;
}

.fltright { /* Mit dieser Klasse koennen Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
         float: right;
         margin-left: 8px;
}
.fltleft { /* Mit dieser Klasse koennen Sie ein Element auf der Seite nach links fließen lassen. */
         float: left;
         margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollstaendigen Float enthalten sollte. */
         clear: both;
         height: 0;
         font-size: 1px;
         line-height: 0px;
}

/* ##########   TEXT-/LINKFORMATIERUNGEN  ############### */

.titel {
        font-size: 16px;
        color: #ccc;
        font-weight: normal;
        line-height: 30px;
}

.mainlink {
        font-family: Arial;
        font-size: 14px;
        color: #D0A41C;
        text-decoration: none;
        font-weight: normal;
        line-height: 30px;
}
.openedmainlink {
        font-family: Arial;
        font-size: 14px;
        color: #E8C661; /* #ffce38 #aeaeae #664e00 */ ;
        text-decoration: none;
        font-weight: normal;
        line-height: 30px;
}

.sublink {
        font-family: Arial;
        color: #D0A41C;
        text-decoration: none;
        font-size: 12px;
        padding-left: 16px;
        margin: 4px 0px 6px 0px;
}
.bgsublink {
        color: #000000;
        height: 16px;
        width: 184px;
        padding-left: 16px;
        margin: 4px 0px 6px 0px;
}

.openedsublink {
        font-family: Arial;
        color: #E8C661; /* #aeaeae */
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        padding-left: 16px;
        margin: 4px 0px 6px 0px;
}
.bgopenedsublink {
        color: #000000;
        height: 16px;
        width: 184px;
        padding-left: 16px;
        margin: 4px 0px 6px 0px;
}

.subsublink {
        font-family: Arial;
        color: #D0A41C;
        text-decoration: none;
        font-size: 11px;
        padding-left: 40px;
        margin: 6px 0px 0px 0px;
}
.bgsubsublink {
        color: #000000;
        height: 14px;
        width: 200px;
        margin-left: 40px;
        margin: 6px 0px 0px 0px;
}

.openedsubsublink {
        font-family: Arial;
        color: #E8C661; /* #aeaeae */
        text-decoration: none;
        font-size: 11px;
        padding-left: 0px;
        margin: 6px 0px 0px 0px;
}
.bgopenedsubsublink {
        color: #000000;
        height: 14px;
        width: 162px;
        padding-left: 40px;
        margin: 6px 0px 0px 0px;
}

.link {
        font-family: Arial;
        font-size: 12px;
        color: #D0A41C;
        text-decoration: none;
        font-weight: bold;
}
.openedlink {
        font-family: Arial;
        font-size: 12px;
        color: #aeaeae;
        text-decoration: none;
        font-weight: bold;
}


a {
        font-weight:normal;
        color: #D0A41C;
}

a:hover {
        color: #ffe9a6; /* #ffd327 #D0A41C #ffd240 */
}

.klein {
        font-family:Arial;
        font-size:9px;
        color: #aeaeae;
}

.normal {
        font-family: Arial;
        font-size: 12px;
        color: #aeaeae;
}

.gold {
        font-family: Arial, Helvetica, sans-serif;
        font-variant: normal;
        text-decoration: none;
        color: #D0A41C;
}

.goldgross {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;
        color: #D0A41C;
}

.feld {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #404040;
        border: 2px solid #ffffff;
        padding: 2px 4px 2px 4px;
        margin: 2px 4px 2px 4px;
}
.search {
        font-size: 11px;
}
.servicenav {
        font-size: 10px;
        color: #D0A41C;
        text-decoration: none;
        padding-left: 2px;
        padding-right: 2px;
}
.footernav {
        font-size: 10px;
        color: #D0A41C;
        text-decoration: none;
        padding: 0px;
}

#startseite {
        background-color: #000000;
        width: 650px;
}