body {
         background-image: url('../../pictures/background_desktop.jpg');
         background-attachment: fixed;
         background-repeat: no-repeat;
		 background-position: 50% 50%;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
         margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff?�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
         padding: 0;
         text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
         color: #000000;
         font-size: 14px;

    }
#container {
         position: relative; /* Durch Hinzuf?�gen von position: relative k??nnen Sie die beiden Randleisten im Verh?�ltnis zu diesem Container positionieren. */
         width: 1750px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k??nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
         background-color: transparent;
         margin: 0 auto; /* Durch automatische R?�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
         border: 0px solid #000000;
         text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element ?�berschrieben. */
    }

    /* Tipps f?�r absolut positionierte Randleisten mit Kopf- und Fu?�zeile:
    1. F?�r absolut positionierte (AP) Elemente m?�ssen Sie einen oberen (top) und einen seitlichen (right oder left) Positionswert angeben. Wenn der Wert f?�r top fehlt, beginnt das AP-Element standardm?�?�ig direkt nach dem letzten Element in der Quellenabfolge der Seite. Wenn also die Randleisten in der Quellenabfolge des Dokuments die ersten Elemente im #container sind, erscheinen sie ganz oben im #container, auch wenn f?�r sie kein top-Wert angegeben wurde. Falls sie aber sp?�ter in der Quellenabfolge an eine andere Stelle verschoben werden sollten, ben??tigen sie einen top-Wert, damit sie an der gew?�nschten Position stehen.
    2. Absolut positionierte (AP) Elemente werden aus dem Dokumentfluss herausgenommen. Dies bedeutet, dass den benachbarten Elementen ihre Existenz unbekannt ist und dass sie nicht ber?�cksichtigt werden, wenn diese Elemente den ihnen zugedachten Platz auf der Seite einnehmen. Ein AP-div sollte daher nur als Randspalte eingesetzt werden, wenn Sie sicher sind, dass das mittlere #mainContent-div immer die gr???�te Inhaltsmenge hat. Sollte eine der Randleisten eine gr???�ere Inhaltsmenge aufweisen, w?�rde diese Randleiste uneingeschr?�nkt ?�ber das Ende des ?�bergeordneten div sowie in diesem Fall auch ?�ber das Ende der Fu?�zeile hinauslaufen.
    3. Sofern die oben genannten Bedingungen erf?�llt sind, k??nnen Sie mit absolut positionierten Randleisten die Quellenabfolge in Dokumenten auf einfache Weise steuern.
    4. Bei einer ?�nderung der Quellenabfolge sollte der top-Wert mit der H??he der ?�berschrift ?�bereinstimmen, weil dadurch die Spalten und die ?�berschrift visuell einheitlicher wirken.
    */
#header{
         position: absolute;
         top: 10px;
         width: 1750px;
         height: 110px;
         padding-top: 0;
         padding-bottom: 0;
         background-color: transparent;
         border: 0px solid #000000;
    }
#nav1{
         position: absolute;
         top: 125px;
         left: 0px;
         width: 700px;
         height: 40px;
         margin-top: 0px;
         margin-bottom: 0px;
         padding-top: 15px;
         padding-left: 5px;
         padding-bottom: 5px;
         padding-right: 5px;
         text-align: center;
         vertical-align: middle;
         background-color: #E7E496;
         border-top: 1px solid;
         border-left: 1px solid;
         border-right: 1px solid;
         border-bottom: 0px solid;
         border-color: #1C1C1C;
         z-index: 1;
}
#nav2{
         position: absolute;
         top: 125px;
         left: 720px;
         width: 700px;
         height: 40px;
         margin-top: 0px;
         margin-bottom: 0px;
         padding-top: 15px;
         padding-left: 5px;
         padding-bottom: 5px;
         padding-right: 5px;
         text-align: center;
         vertical-align: middle;
         background-color: #E7E496;
         border-top: 1px solid;
         border-left: 1px solid;
         border-right: 1px solid;
         border-bottom: 0px solid;
         border-color: #1C1C1C;
         z-index: 1;
}
#nav1act{
         position: absolute;
         top: 125px;
         left: 0px;
         width: 700px;
         height: 40px;
         margin-top: 0px;
         margin-bottom: 0px;
         padding-top: 15px;
         padding-left: 5px;
         padding-bottom: 5px;
         padding-right: 5px;
         text-align: center;
         vertical-align: middle;
         background-image: linear-gradient(rgba(255, 255, 221, 1) 25%, rgba(231, 228, 150, 1));
         border-top: 1px solid;
         border-left: 1px solid;
         border-right: 1px solid;
         border-bottom: 0px solid;
         border-color: #1C1C1C;
         z-index: 1;
}
#nav2act{
         position: absolute;
         top: 125px;
         left: 720px;
         width: 700px;
         height: 40px;
         margin-top: 0px;
         margin-bottom: 0px;
         padding-top: 15px;
         padding-left: 5px;
         padding-bottom: 5px;
         padding-right: 5px;
         text-align: center;
         vertical-align: middle;
         background-image: linear-gradient(rgba(255, 255, 221, 1) 25%, rgba(231, 228, 150, 1));
         border-top: 1px solid;
         border-left: 1px solid;
         border-right: 1px solid;
         border-bottom: 0px solid;
         border-color: #1C1C1C;
         z-index: 1;
}
#nav:link  {
         font: bold 25px helvetica;
         color:#404040;
         text-decoration: underline;
         vertical-align: middle;
    }
#nav:visited  {
         font: bold 25px helvetica;
         color:#404040;
         text-decoration: underline;
         vertical-align: middle;
    }
#nav:active {
         font: bold 25px helvetica;
         color:#404040;
         text-decoration: underline;
         vertical-align: middle;
    }
#nav:hover {
         font: bold 25px helvetica;
         color: #404040;
         background-color: transparent;
         text-decoration:underline;
         vertical-align: middle;
    }
#sidebar2 {
         position: absolute;
         top: 125px;
         left: 1450px;
         width: 230px; /* Die tats?�chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer au?�er der Breite auch die Auff?�llung und den Rahmen. */
         background: #E7E496;
         opacity: 0.8;
         padding-top: 15px; /* Mit der Auff?�llung wird gew?�hrleistet, dass der Inhalt des div die Kanten nicht ber?�hrt. */
         padding-left: 10px; /* Mit der Auff?�llung wird gew?�hrleistet, dass der Inhalt des div die Kanten nicht ber?�hrt. */
         padding-right: 5px; /* Mit der Auff?�llung wird gew?�hrleistet, dass der Inhalt des div die Kanten nicht ber?�hrt. */
         padding-bottom: 15px; /* Mit der Auff?�llung wird gew?�hrleistet, dass der Inhalt des div die Kanten nicht ber?�hrt. */
         border: 1px solid #1C1C1C;
}
#sidebar2_1 {
         font: bold 20px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         line-height: 1.25;
}
#sidebar2_2 {
         font: 16px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         line-height: 1.25;
}
#sidebar2_2 a:link {
         font: 14px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         text-decoration:underline;
         line-height: 1.25;
}
#sidebar2_2 a:visited {
         font: 14px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         text-decoration:underline;
         line-height: 1.25;
}
#sidebar2_2 a:active {
         font: 14px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         text-decoration:underline;
         line-height: 1.25;
}
#sidebar2_2 a:hover {
         font: 14px helvetica;
         color: #000000;
         text-decoration: none;
         text-align: left;
         text-decoration:underline;
         line-height: 1.25;
}
#Compartment {
         position: absolute;
         top: 185px;
         width: 1400px;
         margin-right: 0;
         margin-bottom: 10px;
         padding-top: 0px;
         padding-right: 0px;
         padding-bottom: 10px;
         padding-left: 0px;
         background: transparent;
         border: 0px solid #000000;
    }
#mainContent {
         width: 1330px;
         margin: 0;
         padding-top: 30px;
         padding-right: 50px;
         padding-bottom: 30px;
         padding-left: 50px;
         background: #E7E496;
         border-top: 1px solid;
         border-left: 1px solid;
         border-right: 1px solid;
         border-bottom: 1px solid;
         border-color: #1C1C1C;
         z-index: 2;
    }
#CurrentPage {
         margin-top: 10px;
         width: 1420px;
         padding: 5px;
         font: 15px helvetica;
         color: #000000;
         text-decoration: none;
         background: #E7E496;
         opacity: 0.8;
         border: 1px solid #1C1C1C;
         text-align: right;
    }
#downbar {
         margin-top: 10px;
         width: 1410px;
         padding: 10px;
         font: 15px helvetica;
         color: #000000;
         text-decoration: none;
         background: #E7E496;
         border: 1px solid #1C1C1C;
         line-height: 1.5;
    }