/* CSS Document */

/* CSS Document Basis für alle Seiten */

/* Soweit über @import weitere Regeln in dieses CSS importiert werden, müssen diese Importe */
/* immer vor dem Auftreten von @media erfolgen, d.h. alle Importe stehen VOR weiteren CSS-Regeln */

@import url(globalreset.css);
@import url(kopfbereich.css);
@import url(navigation.css);
@import url(fussbereich.css);

@media screen {

/******************************************************************************/
/*  Inhaltsbereich                                                            */
/******************************************************************************/

#main { 
			 position: static;
			 background: #eee;  
			 margin: 0; 
			 padding: 0;
			 padding-left: 1%;
			 padding-right: 1%;
			 border: 0;
			 width: auto;
			 overflow: hidden;  /* hebt den float der eingeschlossenen Elemente coolumn_1 und column_3 auf */ 
			 height: 1%;        /* nur ein Hack für den IE, damit overflow:hidden auch bei ihm wirksam ist */
/*			 font-size: 85%;  */
			   
}	
 		
 		
#column_1  { float: left;  
			 background: #eee;
			 height: 340px;
			 width: 540px;
			 margin: 2%; 
}

#column_1 ul { 
			 border: #006699 solid 1px;
}

#column_1 ul li {
  			display: block;  
			color: black;
  			font-weight: normal;
			text-align: left;
			width: auto;  
			color: #333333; 
			margin: 5px;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 85%;
}

#column_1 ul li a:hover  {
			color: #aa0033;
			background-color: #ddd;
}			

#column_3  { float: right;
			 background: #eee;
			 margin: 0; 
			 padding: 0%;
			 width: 230px;
}

.content_col_3 {
			width: auto;			
			margin: 0;
			padding: 1%;
}
			
}