body { 
  /*NS4*/
  margin-top: -8px; 
  margin-left: -8px; 
  }
  		
/*	Container breite immer angeben 	*/  
#aussen { 
margin: 0px auto;
width: 992px;
} 		
#container { 
width: 992px;
background-image : url(../grafik/bg.gif);
background-repeat: repeat-y;
} 		
@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*/
	   float: left;
		width:199px;
		height: auto;
		left: 0px;
		top: 0px;	
				background-color: #EE1F2A;
				border-bottom: 1px solid #C9242E;
	}
	#menue_oben {	
		width:199px;
		height:160px;
		left: 0px;
		top: 0px;
		background-color: #EE1F2A;

	}
	.trenn  {
		width:199px;
		background-color: White;
      height: 3px; line-height: 0; font-size: 0;  /*  kleine Höhe im IE6 */ 
	}
		#menue_unten {		
		width:199px;
		min-height:600px;
		left: 0px;
		top: 0px;
		background-color: #C9242E;
		border-bottom: 1px solid #C9242E;
	}
.verein_submenue {
	padding: 14px 0px 0px 17px;
   margin: 0px 0px 0px 0px;
	color: White;
}
	
	
	
	#menue_logobox {							
		position:absolute;
		width:auto;
		height:auto;
		left: 0px;
		top: 0px;
	}	
	
	
	
 	body { 
		margin-top:0px; 
		margin-left:0px; 
	}
  
/* background-image funktioniert nicht im Javascript	*/
	#scroll { 

	} 
   
}
/*		Ende Moderne Browser       */  	

 

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

/*	Kopfleiste	*/
#logobox{
	float: left;
	height: auto;
	width: auto;
	background-color: White;
	border-bottom: 3px solid White;
}
.logo {
	   margin: 0px 0px 0px 0px;
		border: 0px solid Black;
		margin-top: 20px;
}

.top_bild_box1 { float: left; height: 140px; width: 196px; 
border-top: 20px solid White;
border-bottom: 3px solid White;
border-left: 3px solid White;
overflow: hidden; background-color: White;}

.top_bild_box2 { float: left; height: 140px; width: 196px; 
margin-top: 20px;
border-bottom: 3px solid White;
border-left: 3px solid White;
overflow: hidden; background-color: White;}

/*	Topmenü-Balken*/
#topbox_menue_links  {													
float: left;
margin: 0px 0px 0px 0px;
width: 199px;
height: 32px;
background-color: #A8A9AD;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
/*	Topmenü  */
.topmenue_txt_links  { 
text-align: left;
padding: 8px 0px 0px 16px;
margin: 0px 0px 0px 0px;

/*  height: 0px; line-height: 0; font-size: 0; */  /*  kleine Höhe im IE6 */ 
}	
#topbox_menue_rechts  {													
float: left;
margin: 0px 0px 0px 0px;
width: 793px;
height: 32px;
background-color: #EE1F2A;
		/* Double-Margin-Bug (IE5, IE6, nur in der ersten Box) */
		display: inline;
}
/*	Topmenü  */
.topmenue_txt_rechts  { 
text-align: left;
padding: 8px 0px 0px 30px;
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: 685px;
		height: auto;
		margin: 0px 0px 0px 30px;
		padding: 30px 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_wassersport {
      float: left;
		width: 749px;
		height: auto;
		margin: 0px 0px 0px 30px;
		padding: 30px 0px 0px 0px;

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


	} 
	
	.box_home {
float: left;
		width: 470px;
		height: auto;
		margin: 0px 0px 0px 30px;
		padding: 30px 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: right;
		width: 244px;
		min-height: 385px;
		margin: 34px 10px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 2px solid #C9242E;
	} 

	.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: 992px;
}


	 .xbox_1 {
		border: 0px solid #FFD700;
	}
.umbr  {
	float: none;
	clear: both;
}

#bookmark_box {

float: left;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
display: inline;
border: 0px solid #DC143C;
background-color: White;
}
#bookmark_menu {
float: left;
	background-color: #C9242E;
	width: 199px;
	height: 70px;
	margin: 0px 30px 0px 0px;
}

#bookmark {
float: left;
width: 700px;
height: auto;
border-top:1px solid #2A4956;
padding: 3px 0px 0px 0px;
background-color: White;
}

a.bookmark_link  {
text-decoration: none; 
font-size: 11px; 
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: none; 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;}