body { margin:0; padding:0; width: 100%; height: 100%; background-color : #fff; }

#bg_bottom	          { width: 100%; overflow: hidden; position: fixed; bottom: 0px; }
#bg_bottom img		  { width: 100%; min-width: 1024px; min-height: 768px; }
#bg_top	          { width: 100%; overflow: hidden; position: fixed; top: 0px; }
#bg_top img		  { width: 100%; min-width: 1024px; min-height: 768px; }

#monitor { width:960px; height:570px; border: 1px solid; border-color:#5b5683; position: absolute; top: 50%; left: 50%; margin: -286px 0px 0px -481px; background-image:url(../1_picts/bg-layout.png) }

#head{ text-align:center; width:960px; height:60px; }

#navi{ float: left; text-align: left; width: 280px; height: 509px; overflow: auto; margin-right: 10px; margin-top: 1px; }

#content{ text-align: left; padding:0; width: 670px; height: 509px; margin-top: 1px; overflow: auto; }


/* Textstyle*/

.navi { font-family: Verdana, Arial, Helvetica; font-size: 17px; font-weight: normal; font-variant: normal; color: #333333; }
a.navi:link {font-weight:normal; color:#333333; text-decoration: none; }
a.navi:visited {font-weight:normal; color:#333333; text-decoration: none; }
a.navi:hover {font-weight:normal; color:#333333; text-decoration: underline; }
a.navi:active {font-weight:normal; color:#333333; text-decoration: underline; }

.klein { font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal; font-variant: normal; color: #333333; }
a.klein:link {font-weight:normal; color:#333333; text-decoration: none; }
a.klein:visited {font-weight:normal; color:#333333; text-decoration: none; }
a.klein:hover {font-weight:normal; color:#333333; text-decoration: underline; }
a.klein:active {font-weight:normal; color:#333333; text-decoration: underline; }

.fliesstext { font-family: Verdana, Arial, Helvetica;  font-size: 15px; font-weight: normal; font-variant: normal; color: #333333; }
a.fliesstext:link {font-weight:normal; color:#333333; text-decoration: underline; }
a.fliesstext:visited {font-weight:normal; color:#333333; text-decoration: underline; }
a.fliesstext:hover {font-weight:normal; color:#333333; text-decoration: underline; }
a.fliesstext:active {font-weight:normal; color:#333333; text-decoration: underline; }

.fliesstext-kursiv { font-family: Verdana, Arial, Helvetica; font-size: 15px; line-height: 14pt; font-style:italic; font-weight: normal; font-variant: normal; color: #333333; }
a.fliesstext-kursiv:link {font-weight:normal; color:#333333; text-decoration: none; }
a.fliesstext-kursiv:visited {font-weight:normal; color:#333333; text-decoration: none; }
a.fliesstext-kursiv:hover {font-weight:normal; color:#333333; text-decoration: underline; }
a.fliesstext-kursiv:active {font-weight:normal; color:#333333; text-decoration: underline; }

.fliesstext-fett { font-family: Verdana, Arial, Helvetica; font-size: 15px; line-height: 14pt; font-weight: bold; font-variant: normal; color: #333333; }
a.fliesstext-fett:link {font-weight:bold; color:#333333; text-decoration: none; }
a.fliesstext-fett:visited {font-weight:bold; color:#333333; text-decoration: none; }
a.fliesstext-fett:hover {font-weight:bold; color:#333333; text-decoration: underline; }
a.fliesstext-fett:active {font-weight:bold; color:#333333; text-decoration: underline; }

.gross { font-family: Verdana, Arial, Helvetica; font-size: 17px; line-height: 14pt; font-weight: normal; font-variant: normal; color: #333333; }

.sehrgross { font-family: Verdana, Arial, Helvetica; font-size: 23px; line-height: 14pt; font-weight: normal; font-variant: normal; color: #333333; }
/* Textstyle End*/



/* Preloader Anfang */
#preload {
display: none
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}
/* Preloader Ende */