@charset "utf-8";
body {
    	font: 0.8em Arial, Verdana, Helvetica, sans-serif;
    	
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedfe1+0,ffffff+100 */
		background: #dedfe1; /* Old browsers */
		background: -moz-linear-gradient(top, #dedfe1 0%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #dedfe1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #dedfe1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedfe1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */    	
		margin: 0 auto; 
    	padding: 0;
    	text-align: center;
    	color: #FFFFFF; 
    }
    .oneColFixCtrHdr #container {
    	width: 70%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2dea6+0,108628+100 */
		background: #c2dea6; /* Old browsers */
		background: -moz-linear-gradient(top, #c2dea6 0%, #108628 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #c2dea6 0%,#108628 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #c2dea6 0%,#108628 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2dea6', endColorstr='#108628',GradientType=0 ); /* IE6-9 */  
 
		margin: 0 auto; 
    	text-align: left;
    }
	
	.oneColFixCtrHdr #headerbild { /* Photo von A.W. */
		float:right; 
		margin: 2.1% 5.1% 0 0;
		z-index:10;
	}
	
    .oneColFixCtrHdr #header { /* Logo */
    	background: #FFFFFF; 
    	padding: 0;
		margin:0;
		margin-bottom:4%; /* JG vorher: 11.1%; */
		padding:3% 0 8% 6.2%; /* JG vorher: 3% 0 3% 6.2%; */
    }
    
    .oneColFixCtrHdr #mainContent {
		padding: 0; 
		width: 100%;
    }
	
	/* NEU LG */
	.oneColFixCtrHdr #navi {
		color: #118528;
		font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		margin:0 0 2.4% 6.2%;
		}
		
		
	.oneColFixCtrHdr #mainContent .box1 { 
		margin-left: 6.2%;
    	margin-bottom:1.5%;
		margin-right: 6.2%;
		width: 23.7%;
		float:left;
    } 
    
	.oneColFixCtrHdr #mainContent .box2 { 
    	margin-bottom:1.5%;
    	margin-right:7.2%;
		width: 25.3%;
  		float:left;
  } 
	
	.oneColFixCtrHdr #mainContent .box3 { 
		margin-bottom:1.5%;
    	margin-right:7.2%;
		width: 23.7%;
		float:left;
    } 
	
	
    .oneColFixCtrHdr #footer {
    	color:#757677;
		padding: 0 ; 
    	font-size: 0.9em;
		background:#FFFFFF;
    }
    .oneColFixCtrHdr #footer p {
    	margin: 0; 
    	padding: 1% 0; 
    }



@media only screen and (max-width: 960px) { /* Kleiner als 960px -> Landscape z.B. */

	body {
		background:none;
		}

    .oneColFixCtrHdr #container {
    	width: 100%;
		margin:0;
		}

	.oneColFixCtrHdr #headerbild { /* Photo von A.W. */
		padding:0;
		margin:3% 0 0 0;
		width:50%;
		}

.oneColFixCtrHdr #headerbild img { /* Photo von A.W. */
		float:right;
		margin-right:4%;
		}
		

    .oneColFixCtrHdr #header { /* Logo */
    	background: #FFFFFF; 
    	padding: 0;
		margin:0;
		margin-bottom:11.1%;
		padding:3% 0 3% 6.2%;
    	}

	
	.oneColFixCtrHdr #mainContent {
		margin:0;
		padding: 0; 
		width: 100%;
		}
	
	
	.oneColFixCtrHdr #mainContent .box1 { 
		margin: 0 1.1% 6% 6.2%;
		width: 40%;
		float:left;
		font-size:120%;
		
		} 
		
	.oneColFixCtrHdr #mainContent .box2 { 
		margin: 0 1% 0 6.2%;
		width: 40%;
  		float:left;
  		font-size:120%;
} 
	.oneColFixCtrHdr #mainContent .box3 { 
		margin: 0 1% 0 6.2%;
		width: 92.8%;
 		float:left;
  		font-size:120%;
   } 

	.oneColFixCtrHdr #mainContent .box3 img { 
		margin-right:5%;
	}
	
    .oneColFixCtrHdr #footer {
    	color:#757677;
		width:90%;
		padding: 2% 6% 2% 6%;
    	font-size: 1em;
		background:#FFFFFF;
    }

}

@media only screen and (max-width: 470px) { /* Kleiner als 470px -> Portrait */

	body {
		background:none;
		}

    .oneColFixCtrHdr #container {
    	width: 100%;
		margin:0;
		}

	.oneColFixCtrHdr #headerbild { /* Photo von A.W. */
		padding:0;
		margin:3% 0 5% 0;
		width:95%;
		}

.oneColFixCtrHdr #headerbild img { /* Photo von A.W. */
		float:left;
		margin-left:2%;
		}

    .oneColFixCtrHdr #header { /* Logo */
    	background: #FFFFFF; 
    	padding: 0;
		margin:0;
		margin-bottom:11.1%;
		padding:3% 0 3% 6.2%;
    }

	
	
	.oneColFixCtrHdr #mainContent {
		margin:0;
		padding: 0; 
		width: 100%;
		}
	
	
	.oneColFixCtrHdr #mainContent .box1 { 
		margin: 0 1.1% 6% 6.2%;
		padding: 0 0 10% 0;
		width: 92.7%;
		float:left;
		font-size:135%;
		border-bottom:1px solid #c2dea6;
		
    } 
	
	.oneColFixCtrHdr #mainContent .box2 { 
		margin: 0 1% 0 6.2%;
		padding: 2% 0 5% 0;
		width: 92.8%;
  		float:left;
		font-size:135%;
		border-bottom:1px solid #c2dea6;
  } 
  
	.oneColFixCtrHdr #mainContent .box3 { 
		margin: 0 1% 0 6.2%;
		padding: 8% 0 3% 0;
		width: 92.8%;
 		float:left;
		font-size:135%;
   } 


    .oneColFixCtrHdr #footer {
    	color:#757677;
		width:90%;
		padding: 5% 4% 5% 6%;
    	font-size: 1em;
		background:#FFFFFF;
    }


}