/* 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%;  */
			   
}	
 		
#footer {    background: #eee;
			 margin: 0; 
			 
}	
 		
#column_1  { float: left;  
			 background: #eee;
			 height: 280px;
			 width: 600px;
			 margin: 0; 
			 padding: 4%;
			 background-image: url(../bilder/Istock/background7.jpg);
			 background-repeat: no-repeat; 
}
	 		
#column_3  { float: right;
			 background: #eee;
			 margin: 0; 
			 padding: 0%;
			 width: 230px;
			 background-image: url(../bilder/Istock/weltkugel_flash.jpg)
}

#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 24% 0 0;  */
			 margin: 0 230px 0 580px; 
			 padding: 0;
			 border: 0;
}

#column_2 h2 { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			color: #000083;	
			} 		

#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%;
			}

#submain h2 {

			background: #eee;  
			margin: 0; 
			padding: 2%;
			padding-left: 1%;
			padding-right: 1%;
			border: 0;
			width: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 105%; 
			color: #000083;	
}
			
			
}