body { 
  /*NS4*/
  margin-top: -8px; 
  margin-left: -8px; 

  background-color: white;
  background-image: url(../grafik/bg1.gif);
  background-repeat: repeat-x;

  }
  		
/*	Container breite immer angeben 	*/ 
#aussen { 
	position: relative;									/* Innen liegende Container lassen sich dadurch absolut positionieren */
	margin: 0px auto;
	width: 994px;											/* Container breite immer angeben: width: 994px; */
	height: auto;
	margin-top: 20px;
	border: 0px solid #1E90FF;
} 	
#container { 
	float: left;											/* umschließt die innen liegenden Container, der sichtbare Hintergrund wird möglich */
	width: 994px;											/* width: 994px; */
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	background-color: #FFFFFF;
	border: px dashed Red;		
}
 		
@media screen {

/*	Moderne Browser: (Ausschluss von NS4, IE4 IE/MAC) */
	body { 
	margin-top: 0px;
	margin-left: 0px;
	}

/*	Kopfleiste	*/
.logobox1 {
	float: left;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	display: inline;
}
.logobox2 {
	float: left;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	display: inline;
}
.logobox3 {
	float: left;
	width: 200px;
	height: 220px;
	margin: 0px 0px 0px 20px;
	display: inline;
	border: 0px solid #7B68EE;
}
.logo {
	margin: 0px 0px 0px 0px;
	border: 0px solid Black;
	display: block;
}

/*	Trennung Balken als Plazhalter evt. für Topmenü */
#trenn {
	clear: both;
	float: none;
	width: 994px;											/* width: 994px; */
	height: 62px;
	background-color: #FFFFFFF;
	border: 0px solid #7B68EE;
}

/*	Contentbereich*/
#box_links {												/* Plazhalter linkes Menü */
	float: left;
	width: 200px;
	height: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	border: 0px solid #7B68EE;
	} 
	
#box_1 {														/* Content */
	float: left;
	width: 556px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 0px;
	display: inline;
	border: 0px dashed #7B68EE;
	} 	
	
/* Box rechts */

	#box_rechts_aussen {							
	float: left;
	width: 200px;
	height: auto;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	display: inline;
	}
	
		.box_rechts_top {							
      float: left;
		width: 200px;
		height: auto;
		margin: 2px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
      border: 0px dashed #999999;
	}
	.box_rechts_top_txt {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0.7em;
	}

		
		.box_rechts_content {							
      float: left;
		width: 184px;
		height: auto;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
      border: 0px solid #999999;
	}
	
	.box_rechts_werbung {							
      float: left;
		width: 184px;
		height: 96px;
		margin: 0px 0px 10px 0px;
		padding: 8px 8px 8px 8px;
		display: inline;
      border: 1px solid #999999;
	}						

	.box_rechts_content_txt {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0.75em;
	}
	
	
	
	
		.box_mitte_breit {
      float: left;
		width: 780px;
		height: auto;
		margin: 20px 0px 0px 200px;
		padding: 0px 0px 0px 0px;
		border: 0px solid #CCCCCC;
				display: inline;
	} 
	
	

	
		#menue_unten {		
		width:170px;
		height: auto;
		left: 0px;
		top: 0px;
		background-color: #999999;
	}
		#hbl_logo {		
		width:150px;
      height: auto;
		left: 0px;
		top: 0px;
		margin: 25px 0px 0px 16px;
	}
	
	
	
 


		.box_liveticker {
      float: left;
		width: 827px;
		height: auto;
		margin: 4px 0px 0px 159px;
		padding: 0px 0px 0px 0px;
		border: 0px solid #CCCCCC;
				display: inline;
	} 
		.box_ticker {
		width: 560px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
	} 
		
		.box_1 {
		width: 560px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
	} 
		.box_1_breit {
		width: 780px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
	} 	

	.artlist_box  {
		width: auto;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		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: #E60005;} 
   .artlist_link:visited { color: #E60005;} 
   .artlist_link:hover { color: #2A2A2A;} 
   .artlist_link:active { color: #E60005;} 
   .artlist_link:focus { color: #E60005;} 
	
	.artlist_link {
      padding: 0px 0px 0px 0px;
	   margin: 0px 0px 0px 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: 0px 9px 9px 0px;
	   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;
	}
   .artlist_umbr  {
	float: none;
	clear: both;
	height: 25px;
	width: 500px;  
	border: 0px solid #FFD700;
   }

	
/*	Menüs absolut positioniert */	
#haupt_menue {							
	position:absolute;
	width:auto;
	height:auto;
	left: 29px;
	top: 303px;
	border: 0px dashed #7B68EE;
	}

#horizontal_menue {			
	position:absolute;
	left: 200px;
	top:0px;
	width: 560px;											/* width: 994px; */
	height: 32px;
	margin-top: 0px;
	display: inline;
	border: 0px solid Black;
}
.horizontalmenue_txt  { 
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
#hilfs_menue {			
	position:absolute;
	left: 780px;
	top:0px;
	width: auto;											/* width: 994px; */
	height: 32px;
	margin-top: 0px;
	display: inline;
	border: 0px solid Black;
}
.hilfsmenue_txt  { 
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}


#asg_logo {							
	position:absolute;
	width:200px;
	height:75px;
	left: 780px;
	top: 175px;
	border: 0px dashed #7B68EE;
	}

#liga_logo {							
	position:absolute;
	width:auto;
	height:auto;
	left: 46px;
	top: 550px;
	border: 0px dashed #7B68EE;
	}
	
}

#facebook {							
	position:absolute;
	width:200px;
	height:75px;
	left: 780px;
	top: 210px;
	border: 0px dashed #7B68EE;
	}
/*		Ende boxmodel pixelgenau		*/





.umbr  {
	float: none;
	clear: both;
}

#bookmark_box {

float: left;
width: auto;
height: auto;
margin: 10px 0px 10px 200px;
display: inline;
}
#bookmark {

float: left;
width: 560px;
height: 30px;
border-top:1px solid #2A4956;
padding-top:3px; 
}

a.bookmark_link  {
style="text-decoration:none; 
font-size:11px; 
font-family:Arial; 
color: #2A4956;"
}


.bookmark_link:link { color: #2A4956;  text-decoration: none; font-size:11px;}
.bookmark_link:visited { color: #2A4956;  text-decoration: none; font-size:11px;}
.bookmark_link:hover { color: #2A4956;  text-decoration: underline; font-size:11px;}
.bookmark_link:active { color: #2A4956;  text-decoration: none; font-size:11px;}
.bookmark_link:focus { color: #2A4956;  text-decoration: none; font-size:11px;}


.banner  {
border-left: 5px solid White;
	
}