/* Die Websites sind für eine Auflösung von 1366x768 optimiert */
/* Die Websites sind ausserdem für den Webbrowser Opera optimiert */


 /* Definieren des linken Außenbereiches */
 div#left
 {
 position:absolute;
 top:0%;
 left:0%;
 width:20%;
 height:100%;
 }
 /* Definieren des rechten Außenbereiches */
 #right
 {
 position:absolute;
 top:0%;
 left:80%;
 width:20%;
 height:80%;
 }
 /* Definieren des Banners und des Hintergrundes für die index.html seite */
 #bannerstart
 {
 position:absolute;
 top:50px;
 left:22%;
 width:718px;
 height:1000px;
 background: #1E1E1E;
 }
 /* Definieren des Banners und des Hintergrundes für die ueberuns.html seite */
 #banner
 {
 position:absolute;
 top:50px;
 left:22%;
 width:718px;
 height:900px;
 background: #1E1E1E;
 }
 /* Definieren des Banners und des Hintergrundes für die impressum.html seite*/
 #bannerimp
 {
 position:absolute;
 top:50px;
 left:22%;
 width:718px;
 height:600px;
 background: #1E1E1E;
 }
 /* Definieren der Navigationsleiste --> nav.png als Hintergrund-bild setzen damit die buttons reibungslos
 darauf verschiebbar sind */
 #nav
 {
 position:absolute;
 top:248px;
 left:22%;
 width:718px;
 height:28px;
 background-repeat: no-repeat;
 background-position: center;
 background-image: url(images/nav.png);
 text-align: center;
 }
 /* Definieren eines Überschriftsfeldes was unter der NAV leiste angesetzt wird */
 #maintitle
 {
 position: absolute;
 top: 276px;
 left: 22%;
 width:718px;
 height: 50px;
 background: #1E1E1E;
 font-size:20px;
 color: #FFFFFF;
 font-weight:bold;
 text-align: center;
 }
 #mainstarttitle
 {
 position: absolute;
 top: 276px;
 left: 22%;
 width:718px;
 height: 100px;
 background: #1E1E1E;
 font-size:20px;
 color: #FFFFFF;
 font-weight:bold;
 text-align: center;
 }
 /* Definieren des einfachen Textfeldes */
 #maintext
 {
 position: absolute;
 top: 400px;
 left: 22%;
 width: 718px;
 height: 700px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #mainbilder
 {
 position: absolute;
 top: 300px;
 left: 22%;
 width: 718px;
 height: 900px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #mainuebertext
 {
 position: absolute;
 top: 400px;
 left: 22%;
 width: 718px;
 height: 1025px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #mainstarttext
 {
 position: absolute;
 top: 440px;
 left: 22%;
 width: 718px;
 height: 835px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #mainkontakttext
 {
 position: absolute;
 top: 400px;
 left: 22%;
 width: 718px;
 height: 200px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #mainimpressumtext
 {
 position: absolute;
 top: 400px;
 left: 22%;
 width: 718px;
 height: 400px;
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 text-align: center;
 }
 #main
 {
 position: absolute;
 top:300px;
 left:22%;
 width:718px;
 height:400px;
 background: #1E1E1E;
 font-size: 10px;
 color: #FFFFFF;
 text-align: center;
 }
 /* Klasse für die Navigations Buttons setzen */
 img.nav
 {
 width: 78px;
 height: 28px;
 }
 /* Tabellen daten setzen */
 table.impressum
 {
 table-layout: fixed;
 text-align: center;
 font-size: 15px;
 }
 /*Überschrift 1 definieren */
 div#fett
 {
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:bold;
 }
 div#fett2
 /*Überschrift 2 definieren */
 {
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:bold;
 }
 div#fett3
 /*Überschrift 3 definieren */
 {
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:bold;
 }
 div#fett4
 /*Überschrift 4 definieren */
 {
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:bold;
 }
 div#fett5
 /*Überschrift 5 definieren */
 {
 background: #1E1E1E;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:bold;
 }