/* 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%;
			 font-size: inherit;
			 border: 0;
			 height: auto;
			 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%;  */
			   
}	

#main h2 { 	font-size: medium; color: #000083;}			
 		
#footer {    background: #eee;
			 margin: 0; 
			 
}	
 		
#column_1  { float: left;  
			 background: #eee;
			 height: 360px;
			 width: 540px;
			 margin: 0; 
			 padding: 4%;
}

#column_1 h2 { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 110%;
			padding: 1%;
			padding-left: 0;
			text-align: left;
			color: #000083;	
			} 
					
#column_1 label,
#column_1 p  {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			text-align: left;
			color: #000083;	
} 
			
#column_3  { float: right;
			 background: #eee;
			 height: 360px;
			 margin: 5%; 
			 padding: 2%;
			 width: 240px;
}

#column_3 #box1,
#column_3 #box2 {
			margin: 3%;
			padding-top: 14%;
			background-color: #fff;
}			 		



#column_2  { position: static;  /* muß static sein, da sonst das Aufklappen der zweiten Navi-Ebene überdeckt wird */ 
			 width: auto;
			 height: auto;
			 color: #eee;
			 background: #eee;
			 margin: 0 230px 0 580px; 
			 padding: 0;
			 border: 0;
}

#inhalt_s  { position: static;
			 margin: 20px;
			 padding: 50px;
			}	

.content {			
			width: auto;
			margin: 0;
			padding: 10px;
			}

.content_col_2 {			
			width: auto;
			margin: 0;
			padding: 2%;
			}
			
.content_col_1 {			
			margin: 0;
			padding: 1%;
			}
			
.content_col_3 {
			width: auto;			
			margin: 0;
			padding: 1%;
			}
}