body { 
  /*NS4*/
  margin-top: -8px; 
  margin-left: -8px; 
  }
  		
/*	Container breite immer angeben 	*/  
#container { 
width: 1024px;
} 		


@media screen {
/*	Moderne Browser: (Ausschluss von NS4, IE4 IE/MAC) */
  
  /*	Menü	um IE4 auszuschließen an erter Stelle in  @media screen	*/
	#men_ue {							/*	Unterstich Hack schließt NN6 aus*/
		position:absolute;
		width:200px;
		height:200px;
		left: 0px;
		top: 183px;
	}
	
	#download {							
		position:absolute;
		width:auto;
		height:auto;
		left: 298px;
		top: 458px;
	}	
	
	
	
 	body { 
		margin-top:0px; 
		margin-left:0px; 
	}
  
/* background-image funktioniert nicht im Javascript	
	#scroll { 
			background-image : url(../grafik/bg.gif);
	} 
   */
}
/*		Ende Moderne Browser       */  	

 

  
/*		boxmodel pixelgenau		*/
@media screen {
/*	Nur für Bildschirmausgabe*/

/*	Kopfleiste	*/
#bg_top {
	position:absolute;
	width:auto;
	height:120px;
	z-index:1;
	top: 0px;
	left: 275px;
}
#logobox {
	position:absolute;
	height: auto;
	width: auto;
	top: 0px;
	left: 823px;
	z-index:3;
}


#top_bild_box1 { float: left; height: auto; width: auto; display: inline; padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; }
#top_bild_box2 { float: left; height: auto; width: auto; display: inline; padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; }
#top_bild_box3 { float: left; height: auto; width: auto; display: inline; padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px; }

/*	Topmenü-Balken*/
#topbox_menue1  {													
float: left;
margin: 0px 0px 0px 0px;
width: 720px;
height: 31px; line-height: 0; font-size: 0;  /*  kleine Höhe im IE6 */
background-image : url(../grafik/menue1_bg.gif);
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}

#topbox_menue2  {													
float: left;
margin: 0px 0px 0px 0px;
width: 239px;
height: 31px; line-height: 0; font-size: 0;  /*  kleine Höhe im IE6 */
background-color: #C9D7E7;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
.mnuebild  {
margin-bottom: -6px;
display: inline;
}

.submenue {
vertical-align: bottom;
}
.submenue2 {
vertical-align: bottom;
border-right: 10px solid White;
}
/*	Ende Kopfleiste	*/
	
	/*	Scrollbereich*/
	
	.box_1 {
	border: 0px solid Blue;
      float: left;
		width: 240px;
		height: auto;
		margin: 50px 0px 0px 170px;
		padding: 0px 0px 0px 0px;

		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;

		/* Simplified Box model Hack (width-padding) 
 		width: 570px;  fuer korrekte Interpretation
		\width: 570px; nur fuer IE5 
		w\idth: 550px; fuer IE6, IE7 - nicht vor einem der Buchstaben a, b, c, e, f	>  ma\rgin-left: 16px; funktioniert!
		
		w\idth: 690px;*/
	} 
.box_2 {
	border: 0px solid #FF8000;
      float: left;
		width: 500px;
		height: auto;
		margin: 50px 0px 0px 40px;
		padding: 0px 0px 0px 0px;

		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;

		/* Simplified Box model Hack (width-padding) 
 		width: 570px;  fuer korrekte Interpretation
		\width: 570px; nur fuer IE5 
		w\idth: 550px; fuer IE6, IE7 - nicht vor einem der Buchstaben a, b, c, e, f	>  ma\rgin-left: 16px; funktioniert!
		
		w\idth: 690px;*/
	} 
	
	.box_3 {
	border: 0px solid Blue;
      float: left;
		width: 780px;
		height: auto;
		margin: 50px 0px 0px 190px;
		padding: 0px 0px 0px 0px;

		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;

		/* Simplified Box model Hack (width-padding) 
 		width: 570px;  fuer korrekte Interpretation
		\width: 570px; nur fuer IE5 
		w\idth: 550px; fuer IE6, IE7 - nicht vor einem der Buchstaben a, b, c, e, f	>  ma\rgin-left: 16px; funktioniert!
		
		w\idth: 690px;*/
	} 
}


/*		Ende boxmodel pixelgenau		*/

#container  {
	width: 1024px;
}