* {margin:0; padding:0;}

html {
	padding: 2% 10% 1% 10%;
	background:
	url(../Images/Backgnd-left.jpg) no-repeat left 10% / 10%,
	url(../Images/hout.GIF) no-repeat right 10% / 10%,
	url(../Images/tipi-tent.GIF) no-repeat left 80% / 10%,
	url(../Images/Backgnd-right2.jpg) no-repeat right 80% / 10%,
	url(../Images/backgrd_hout.jpg) repeat 40% / 40%;
	font-family: Trebuchet MS,Ludica Grande,Arial,sans-serif;
}

body {
	background:#FBFCB2;
    background: -webkit-linear-gradient(top,#FBFCB2,#aeeaae); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top,#FBFCB2,#aeeaae); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top,#FBFCB2,#aeeaae); /* For Firefox 3.6 to 15 */
    background: linear-gradient(top,#FBFCB2,#aeeaae); /* Standard syntax */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 15px/15px;
}
/*#D8F781*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0.5% 0.3% 0.3% 0.3%;
}
/*.col:first-child { margin-left: 0; }*/

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 99.4%;
	text-align: left;
}
.span_2_of_3 {
	width: 66.1%;
	text-align: left;
}
.span_1_of_3 {
	width: 32.7%;
	text-align: left;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 99.4%;
	text-align: left;
}
.span_3_of_4 {
	width: 74.4%;
	text-align: left;
}
.span_2_of_4 {
	width: 49.3%;
	text-align: left;
}
.span_1_of_4 {
	width: 24.4%;
	text-align: left;
}

/*  GRID KOP, MENU, CONTENT AND VOET  */
.span_Content {
	width: 79.3%;
	text-align: left;
}
.span_Menu {
	width: 19.5%;
	text-align: left;
}
.span_Kop {
	width: 99.4%;
	text-align: left;
}
.span_Voet {
	width: 99.4%;
	text-align: left;
	bottom: 0;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 1% 1% 1%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 98%; }
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 98%; }
	.span_Content, .span_Kop, .span_Menu, .span_Voet { width: 98%; }
	}