@charset "utf-8";
/* CSS Document */

@media all  {
	
	#mainArea  {
		/*margin: 50px 0 20px 0; */            	/*Abstand oben zu Navigation*/
		/*border: 2px solid #051B80;*/
	}
	
	.ein_spaltig  {
		padding: 0 0 30px 0;				/*Abstand unten zu nächster Box*/
	}
	
	.zwei_spaltig  {
		clear: left;
		padding: 0 0 30px 0;      			/*Abstand unten zu nächster Box*/
	}
	
	.column_left  {
		float: left;
		width: 50%;
		padding: 0 30px 0 0;				/*Abstand Rand zu rechtem Fenster*/
	}
	
	.column_right  {
		width: 50%;
		margin: 0 0 0 50%;
		padding: 0;
	}
	
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9  {
		padding: 40px 0 0 0;				/*Abstand zwischen den Beiträgen*/
		border-top: solid 1px #FFFFFF;		/*Trennlinie zwischen den Beiträgen*/
	}
	
	/*Elemente----------------------------------*/
	
	#mainArea h2  {
		margin: 0 0 15px 0;
		font-size: 1.5em;
		color: #2B3752;
		font-weight: bold;
	}
	
	#mainArea h3  {
		margin: 30px 0 15px 0;
		font-size: 1.1em;
		color: #2B3752;
		font-weight: bold;
	}
	
	#mainArea p  {
	    margin: 0 0 10px 0;
	}
	
	#mainArea ul  {
	    margin: 0 0 10px 0;
	}
	
	#mainArea li  {
		list-style-position: outside;
		margin: 0 0 0 14px;
	}
	
	#mainArea a:link, #mainArea a:visited, #mainArea a:active  {
		color: #3E3F50;
		text-decoration: underline;
	}
	
	#mainArea a:hover  {
		color: #616C4E;
	}
	
}


@media screen and (max-width: 1050px)  {
/*Main schmaler als Navigation*/
	
	#mainArea  {
		margin: 10px 3% 0 3%;
	}
	
}


@media screen and (max-width: 850px)  {
/*zweispaltiges Design geht untereinander*/
	
	
	.column_left  {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.column_right  {
		width: 100%;
		margin: 25px 0 0 0;				/*Abstand oben bei einspaltigem Design*/
		padding: 0;
	}
	
}