/*** allgemeine Einstellung für body ***/
body {
  margin:0px;
  padding:0px;
  background-color:#000000;
}
/*** allgemeine Einstellung für table ***/
table {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  border:0px;
  /*border:solid #FF0000 1px;*/
  background-color:#000000;
}
/*** allgemeine Einstellung für Zelle (td) ***/
td {
  width:100%;
  height:100%;
}
/*** allgemeine Einstellung für img - hier kein innerer und äußerer Rand ***/
img {
  margin:0px;
  padding:0px;
}
/*** allgemeine Einstellung für div - hier Ebenenposition 2 und absolute Position ***/
div {
	z-index:2;
	position:absolute;
	overflow: visible;
	left:50px;
	top:250px;
	visibility: visible;
}
#inner {
	position:relative;
	z-index:3;
	width:900px;
	height:600px;
	left:0px;
	top:0px
  /* falls der Inhalt größer ist als das div-Element, */
  /* wird der Inhalt trotzdem angezeigt und falls nötig ein Scrollbalken dargestellt:  */
  overflow;
	visibility: visible;
:auto;
/*** kleiner Trick (frag nicht warum): ***/
/*** Rahmen mit derselben Farbe wie der Hintergrund ***/
/*** sonst verrutscht das Menü! ***/
/*** das aber nur für den Fall, dass auf der linken Seite, ***/
/*** dort wo die Bilder angezeitgt werden, kein div-Element benutzt wird: ***/
/*  border:solid #666666 0px;*/

/*** oder auf der Seite, wo der jeweilige Inhalt steht, muss ***/
/*** mindestens ein div-Element mit postion absolut stehen! ***/
/*** weil sich das folgende div-Element des Menüs auf das vorherige bezieht ***/
}
/*** dieses ist der äußere Rahmen (als div) ***/
/*** # steht für die Zuordung zu einem Element, das eindeutig ist mit der Kennzeichnung id="..." ***/
/*** also: das Element outer gibt es nur ein einziges mal und heißt eben so ***/
/*** im Ggs. dazu Elemente mit der Bezeichnung class="..." ***/
/*** diese können öfter vorkommen und werden hier mit . beginnend bezeichnet, s.u. .ws_top ***/

#outer {
	position:relative;
	z-index:1;
	width:900px;
	height:600;
	left:0px;
	top:0;
	visibility: visible;
:auto;
/*** kleiner Trick (frag nicht warum): ***/
/*** Rahmen mit derselben Farbe wie der Hintergrund ***/
/*** sonst verrutscht das Menü! ***/
/*** das aber nur für den Fall, dass auf der linken Seite, ***/
/*** dort wo die Bilder angezeitgt werden, kein div-Element benutzt wird: ***/
/*  border:solid #666666 0px;*/

/*** oder auf der Seite, wo der jeweilige Inhalt steht, muss ***/
/*** mindestens ein div-Element mit postion absolut stehen! ***/
/*** weil sich das folgende div-Element des Menüs auf das vorherige bezieht ***/
}

/*** hier folgen die Rahmen der einzelnen Bilder(als div) ***/
/*** mit absoluter Positionsangabe ***/
/*** also oben/links 0 Pixel ***/
/*** 2.Zeile/2.Spalte: 104 (Breite des Bildes) + 30 (Abstand) = 134 Pixel ***/
/*** 3.Zeile/3.Spalte: 2*104 (Breite der Bilder) + 2*30 (2 mal Abstand) = 268 Pixel ***/
/*** usw. ***/

#navnews {
  left:500px;
  top:0px;
  width:100px;
  height:20px;
}
#navband {
   left:600px;
   top:0px;
   width:100px;
   height:20px;
}   
#navphotos {
  left:700px;
  top:0px;
  width:100px;
  height:20px;
}
#navcontact {
  left:800px;
  top:0px;
  width:100px;
  height:20px;
}
#navmedia {
  left:500px;
  top:30px;
  width:100px;
  height:20px;
}
#navaudio {
  left:600px;
  top:30px;
  width:100px;
  height:20px;
}
#navlinks {
  left:700px;
  top:30px;
  width:100px;
  height:20px;
}
#navpress {
  left:800px;
  top:30px;
  width:100px;
  height:20px;
}
#inhaltscroll {
  left:500px;
  top:143px;
  width:400px;
  height:470px;
  vertical-align:top;
  text-align:left;
  overflow:auto;
}
#movieleft {
  left:100px;
  top:300px;
  width:320px;
  height:252px;
  vertical-align:top;
  text-align:left;
}
#quicktime {
  left:100;
  top:560;
  width:320px;
  height:40px;
  vertical-align:top;
  text-align:left;
}
#table1 {
  z-index:2;
  left:500px;
  top:80px;
  width:50px;
  height:50px;
}
#table2 {
  z-index:2;
  left:554px;
  top:80px;
  width:50px;
  height:50px;
}
#table3 {
  z-index:2;
  left:608px;
  top:80px;
  width:50px;
  height:50px;
}
#table4 {
  z-index:2;
  left:662px;
  top:80px;
  width:50px;
  height:50px;
}
#table5 {
  z-index:2;
  left:716px;
  top:80px;
  width:50px;
  height:50px;
}
#table6 {
  z-index:2;
  left:770px;
  top:80px;
  width:50px;
  height:50px;
}
#table7 {
  z-index:2;
  left:822px;
  top:80px;
  width:50px;
  height:50px;
}
#table8 {
  z-index:2;
  left:500px;
  top:134px;
  width:50px;
  height:50px;
}
#table9 {
  z-index:2;
  left:554px;
  top:134px;
  width:50px;
  height:50px;
}
#table10 {
  z-index:2;
  left:608px;
  top:134px;
  width:50px;
  height:50px;
}
#table11 {
  z-index:2;
  left:662px;
  top:134px;
  width:50px;
  height:50px;
}
#table12 {
  z-index:2;
  left:714px;
  top:134px;
  width:50px;
  height:50px;
}
#table13 {
  z-index:2;
  left:768px;
  top:134px;
  width:50px;
  height:50px;
}
#table14 {
  z-index:2;
  left:822px;
  top:134px;
  width:50px;
  height:50px;
}
#table15 {
  z-index:2;
  left:500px;
  top:188px;
  width:50px;
  height:50px;
}
#table16 {
  z-index:2;
  left:554px;
  top:188px;
  width:50px;
  height:50px;
}
#table17 {
  z-index:2;
  left:608px;
  top:188px;
  width:50px;
  height:50px;
}
#table18 {
  z-index:2;
  left:662px;
  top:188px;
  width:50px;
  height:50px;
}
#table19 {
  z-index:2;
  left:714px;
  top:188px;
  width:50px;
  height:50px;
}
#table20 {
  z-index:2;
  left:768px;
  top:188px;
  width:50px;
  height:50px;
}
#table21 {
  z-index:2;
  left:822px;
  top:188px;
  width:50px;
  height:50px;
}
#movie {
  z-index:2;
  left:500px;
  top:270px;
  width:320px;
  height:252px;
}
#photobox {
  z-index:2;
  left:500px;
  top:270px;
  width:400px;
  height:320px;
  position:absolute;
  overflow:visible;
  visibility:hidden;
}
/*** und der Rahmen für das Menü (als div) ***/

/*** Formatierung der Absätze ***/

p {
  color:#FFFFFF;
}
.wtextbold {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.textboldorange {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.textboldolive {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.textboldtuerkis {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align:top;
}
.textboldviolett {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align:top;
}
.textboldblau {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align:top;
}
.textboldrot {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:top;
}
.textboldgruen {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:top;
}
.textboldgelb {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:top;
}
.kleinertext {
	font-size:7pt;
	line-height:12px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:top;
}
a {
	text-decoration:none;
	color:#FFFFFF;

}
  a:hover {
  text-decoration:none;
  color:#FFFFFF;
}
/*.grey {
}
.gr_top {
}

h2 {
  color:#FFFFFF;
  letter-spacing:1px;
}*/
.gliederungstext {
	font-size:9pt;
	color:#000000;
	text-align:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.grautextweiss {
	font-size:9pt;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.swtextboldklein {
	font-size:8pt;
	line-height:13px;
	color:#000000;
	text-align:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.grosserText {
	font-size:18pt;
	color:#FF0000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	vertical-align:middle;
	font-weight: bold;
	line-height: 22px;
}