/* Background.gif (height:1px, width:   px)			*/
/* ergibt farbigen vertikalen Streifen links */
/* sollte an Farb-Layout angepasst werden */

body {
  background-image:url(../img/background.gif);
  background-repeat:repeat-y;
}

/* hintergrund oben */
.hintergrund {
  background-image : url(../img/hintergrund.jpg);
  background-repeat:repeat-x;
 } 

/* zellen mit farbigem hintergrund */
.layoutcolor { 
  background-color: #F0D969;
  color: #000000; 
} 

/* navigation bereich */
.navi {
 background-color: #F0D969;
 color: #000000;
 } 

 
/* linie unter dem Überschrift2 */
.linie { 
  background-color: #1C3842;
  color: #000000;
 /*background-color: #17323B;*/
 }

 /* pulldown-Menue  background color */
.selects {
 background-color: #F0D969;
 color: #000000;
 }	
 
/* table ueberschrift background color */
 table.fine th {
 background-color : #F0D969;
 color: #000000;
}	

/* fusszeile farbig */
.footer {
 color: #000000;
 background-color: #F0D969;
 } 
 
 /* Layer die beim mouseover erscheinen, height: 240px; kann man entfernen */
.layer {
 position: absolute;
 top: 182px;
 left: 500px;
 visibility: hidden;
 width: 300px;
 height: 240px;
 background-color: #ffffff;
 color : #000000;
 }
 
 /* Layer die beim mouseover tiefer erscheinen (eventuell anpassen) */
 .layer2 {
 position: absolute;
 top: 372px;
 left: 360px;
 visibility: hidden;
 width: 300px;
 height: 150px;
 background-color: #ffffff;
 color : #000000;
 }

 /* Eigener Layer die beim mouseover noch tiefer erscheinen (eventuell anpassen) */
 .layer3 {
 position: absolute;
 top: 425px;
 left: 450px;
 visibility: hidden;
 width: 300px;
 height: 150px;
 background-color: #ffffff;
 color : #000000;
 }

/* Copyright */
address {
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
 }

div.code {background-color: #eeeeee;}