html { overflow-y: scroll; }							/* Seitensrünge verhindern: Vertikale Scrollbar immer anzeigen IE6-8, FF */

body { 
  /*NS4*/
  margin-top: -8px; 
  margin-left: -8px; 
  background-color: #868889;
  }
  		
/*	Container breite immer angeben 	*/  
#aussen { 
margin: 0px auto;
background-image : url(../grafik/bg.gif);
background-repeat: repeat-y;
width: 994px;
} 		
#container { 
width: 994px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-top: 22px solid White;

} 		
@media screen {

 	body { 
		margin-top:0px; 
		margin-left:0px; 
	}
	
#topbox_menue  {	
	   float: left;												
margin: 0px 0px 0px 0px;
width: 960px;
height: 60px;
background-color: #FFFFFF;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
			border: 0px solid #FFD700;
}
.phoenix  { 
 float: left;		
width: 287px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
/*	Topmenü  */
.topmenue_txt_box  { 
 float: left;		
 width: auto;
height: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
/*	Topmenü  */
.topmenue_txt  { 
text-align: left;
padding: 26px 0px 0px 0px;
margin: 2px 0px 0px 0px;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
  
  /*	Menü	um IE4 auszuschließen an erter Stelle in  @media screen	*/
	#men_ue {							/*	Unterstich Hack schließt NN6 aus*/
	   float: left;
		width:287px;
		height: auto;
		left: 30px;
		top: 0px;	
		background-color: White;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px solid #9932CC;
	}
	#logobox{
	   float: left;
	height: auto;
	width: auto;
	border-bottom: 8px solid White;
}
	.logo {
	   margin: 0px 0px 0px 0px;
		margin-top: 0px;
}
	#menue_oben {	
	   float: left;
		width:237px;
		height:237px;
		left: 0px;
		top: 0px;
		background-color: #F04E29;
		margin: 0px 0px 0px 30px;
		padding: 0px 0px 0px 0px;
				/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
	}


	

	#bild {
		float: left;
		width: auto;
		height: auto;
		left: 0px;
		top: 0px;	
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
	}	
	
   #trenn {
		width: 900px;
		height: 20px;
	float: none;
	clear: both;
		border: 0px solid Fuchsia;
}

#rahmen_unten  {
	   float: left;
		width: 934px;
		height: auto;
		background-color: #E9E9EA;
		margin: 0px 30px 30px 30px;
		padding: 0px 0px 0px 0px;
				/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}

  		#menue_unten {	
		float: left;	
		width:230px;
		height: 260px;
		left: 0px;
		top: 0px;
		background-color: #E9E9EA;
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 0px 0px;
				display: inline;
}	

  		#txt_menue_unten {	
		float: left;	
		width:216px;
		left: 0px;
		top: 0px;
		background-color: #E9E9EA;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 21px;
				/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}	

	
	.box_1 {
float: left;
		width: 654px;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 20px;
		background-color: #E9E9EA;
		border-left: 7px solid #F04E29;
				min-height: 260px;
		/* 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 {
float: left;
		width: 654px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 20px;
		background-color: #E9E9EA;
					min-height: 260px;
		/* 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_home {
		float: left;	
		width: auto;
		height: auto;
		left: 0px;
		top: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
				/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
	} 
	.box_produkte {
		float: left;	
			width: auto;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 20px;
		background-color: #E9E9EA;
					min-height: 260px;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;	
	} 	
	

}
/*		Ende boxmodel pixelgenau		*/

#container  {
	width: 994px;
}


	 .xbox_1 {
		border: 0px solid #FFD700;
	}
.umbr  {
	float: none;
	clear: both;
}