body { 
  /*NS4*/
  margin-top: -8px; 
  margin-left: -8px; 
  			background-image : url(../grafik/bg.gif);
			background-repeat: repeat-y;
  }
  		
/*	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: 45px;
		top: 270px;
	}
	#katalog {							/*	Unterstich Hack schließt NN6 aus*/
		position:absolute;
		width:200px;
		height:200px;
		left: 23px;
		top: 220px;
	}
	#menue_logobox {							
		position:absolute;
		width:auto;
		height:auto;
		left: 0px;
		top: 52px;
	}	
	
	
 	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*/


/*	Topmenü-Balken*/
#topbox_menue1  {		
	position: relative;											
float: left;
margin: 0px 0px 0px 0px;
width: 222px;
height: 52px;
background-color: #A9A973;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
/*	Topmenü  */
.topmenue_txt1  { 
text-align: left;
padding: 16px 0px 0px 0px;
margin: 0px 0px 0px 31px;
color: White;
font-size: 13pt;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
#topbox_menue2  {	
	position: relative;												
float: left;
margin: 0px 0px 0px 0px;
width: 802px;
height: 52px;
background-color: #055F39;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
/*	Topmenü  */
.topmenue_txt2  { 
text-align: left;
padding: 16px 0px 0px 16px;
margin: 0px 0px 0px 0px;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
#hilfsmenue  {	
position:absolute;
		width:754px;
		height:34px;
		left: 252px;
		top: 52px;
		z-index: 99;
		background-color: White;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
/*	Topmenü  */
.hilfsmenue_txt  { 
text-align: left;
padding: 6px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	

/*	Ende Kopfleiste	*/
	
	/*	Scrollbereich*/
	
	.box_1 {
float: left;
		width: 500px;
		height: auto;
		margin: 0px 0px 0px 252px;
		padding: 65px 20px 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 {
float: right;
		width: 200px;
		height: auto;
		margin: 0px 10px 0px 0px;
		padding: 34px 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 {
float: left;
		width: 724px;
		height: auto;
		margin: 0px 0px 0px 252px;
		padding: 65px 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;*/
	} 
	

.fusszeile {
   clear: both;
	float: none;
	margin: 0px 0px 0px 252px;
	width: auto;
	height: auto;	
}	
	
		.box_home {
float: left;
		width: 450px;
		height: auto;
		margin: 0px 0px 0px 252px;
		padding: 65px 10px 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;*/
				border: 0px solid #FFD700;
	} 
	
		.news_box_outer {
      float: left;
		width: 244px;
		height: auto;
		margin: 112px 0px 0px 25px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #CCCCCC;
	} 

	.artlist_box  {
		width: auto;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 9px 9px 9px 9px;
		border: 0px solid Fuchsia;
	}
	
	.artlist_headline {
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 0.80em;
	}

	.artlist_text  {
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 6px 0px;
	 font-size: 0.80em;
	}

	.artlist_link:link { color: #E64528;} 
   .artlist_link:visited { color: #E64528;} 
   .artlist_link:hover { color: #2A2A2A;} 
   .artlist_link:active { color: #E64528;} 
   .artlist_link:focus { color: #E64528;} 
	
	.artlist_link {
      padding: 0px 0px 0px 0px;
	   margin: 0px 0px 6px 0px;
		font-size: 0.80em;
		font-weight: normal; 
	}
	.artlist_image {
	margin-right: 9px;
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
	border: 1px solid #B2B2B2;
   }
	
	#artlist_browsing {
	   padding: 9px 9px 9px 9px;
	   margin: 0px 0px 0px 0px;
		font-size: 0.80em;
		font-weight: normal; 
	}	
	.artlist_browsing {
		padding: 0px 0px 0px 0px;
	   margin: 0px 0px 0px 0px;
		font-weight: normal; 
	   text-decoration: underline;
	}	
	
	

}
/*		Ende boxmodel pixelgenau		*/

#container  {
	width: 1024px;
}


	 .box_1 {
		border: 0px solid #FFD700;
	}
	
 .box_2 {
		border: 0px solid #228B22;
	}
	
	.umbr {
		float: none;
		clear: both;
}

