/* CSS Document */

main, section, article { 
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
}
ul { 
	box-sizing:content-box;
}

.clearfloat{ clear:both; }
.cf{ clear:both; }


main {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	
	padding-top: 10px;
	padding-left: 0%;
	padding-bottom: 10px;
	padding-right: 0%;
	xbackground-color: #FFD7BB;
}

section {
	max-width: 100%; 
	margin-top: 1.5%; 
	margin-bottom: 0%;
	margin-left: 0%;
	}

.sectionbox {
	border-radius:10px; 
	box-shadow: 0 1px 5px rgba( 0, 0, 0, 2); 
	xbackground-color: #DBE2FF; 
	
	padding-top: 0%; 
	padding-bottom: 1.0%;
	padding-right: 1.041666666667%; 
	padding-left: 1.041666666667%; 
	xmargin-right: 1.041666666667%; 
	xmargin-left: 1.041666666667%; 

}
.sectionboxlight {
	padding-top: 1.5%; 
	padding-bottom: 1.0%;
	padding-right: 1.50%; 
	padding-left: 1.50%; 
}

.articlebox
{
	xbackground-color: #B7C9F9;
	border: 1px solid gray;
	box-shadow: 0 1px 5px rgba( 0, 0, 0, 2);
	border-radius: 10px;
	
	padding-left: 1.5%;
	padding-right: 1.5%;	
}

/* Schönheitskorrekturen: linken und rechten Rand auf 0 setzen; Breite um 1% erhöhen */
.margl0 { margin-left: 0px;}
.margr0 { margin-right: 0px;}
.grid1a { width: 7.25% ; }
.grid2a { width: 15.583333333333% ; }
.grid3a { width: 25.916666666667% ; }

.grid4a { width: 32.25% ; }
.grid5a { width: 40.583333333333% ; }
.grid6a { width: 48.916666666667% ; }

.grid7a { width: 57.25% ; }
.grid8a { width: 65.583333333333%; }
.grid9a { width: 73.916666666667%; }

.grid10a { width: 82.25% ; }
.grid11a { width: 90.58333333333% ; }
.grid12a { width: 98.91666666667% ; }
/* --------------------------------------------------------------------------------- */


.border {
	border: 1px solid #333333;
}
.borderShadowRadius {
	border: 1px solid #333333;
	border-radius: 10px;
	box-shadow: 0 1px 5px rgba( 0, 0, 0, 2);
}