/*
	Opmaaksjabloon voor de Bloesem, gekoppeld aan 
	Januari 2020
    Ontwerp en beheer websites: PEELEN.Info
	
	Kleuren: 
		Groen: #327a0c  rgb(50, 122, 12)
		Bruin (steunkleur): #8b4500 rgb(139,69,0)
*/


/*********************************************************************************/
/* Indeling webpagina Vrienden                                                   */
/*********************************************************************************/

body {
	background-color: rgba(50, 122, 12, 0.3);
}

a {
	text-decoration: none;
	color: #404040;
	font-style: italic;
}

main h1 {
	font-size: 1.2em;
	color: #8B4500;
	font-style: bold;
	padding: 5px 0px 10px 10px;	
}

p {
	padding: 5px 0px 5px 10px;		
}

article .vrienden {
	background: linear-gradient(300deg, rgb(50, 122, 12) 20%, rgb(50, 122, 12, 0.3) 50%, rgb(50, 122, 12, 0.1) 80%);
	float: left;
	width: 1135px;
	color: #fff;
	margin: 0px 0px 0px 0px;
}

.linkerkolom {
	float: left;
	width: 50px;
	padding: 5px 0px 0px 10px;
	color: #8B4500;
}

article .vrienden h2 {
	padding: 5px 0px 0px 10px;
	color: #8B4500;

}


/***********************************************************************************************************************
************************************************************************************************************************
************************************************************************************************************************
************************************************            ************************************************************
************************************************  Op 800 px ************************************************************
************************************************            ************************************************************
************************************************************************************************************************
************************************************************************************************************************
************************************************************************************************************************/

@media (max-width:1200px) {


	/*********************************************************************************/
	/* Main 800px - grid contact                                                               */
	/*********************************************************************************/

article {
	background: none;
}

article p {
	font-size: 0.9em;

}

.vereniging {
	float: none;
	color: #327a0c;
	background: linear-gradient(300deg, rgb(50, 122, 12) 1%, rgb(50, 122, 12, 0.3) 40%, rgb(50, 122, 12, 0.1) 70%);
	height: 580px;
}

.waarom {
	width: 780px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 0px;
	background-color: rgba(50, 122, 12, 0.1);
	color: #000;
}

.ontwikkeling {
	width: 790px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 0px;
	background-color: rgba(50, 122, 12, 0.1);
	color: #000;
	height: 250px;
}


aside {
	float: clear;
	width: 800px;
	color: #327a0c;
	background: linear-gradient(300deg, rgb(50, 122, 12) 1%, rgb(50, 122, 12, 0.3) 40%, rgb(50, 122, 12, 0.1) 70%);
	height: 330px;
}

.bestuur {
	float: left;
	width: 360px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color: rgba(50, 122, 12, 0.3);
	color: #fff;
}

.bestuur h1 {
	margin-top: 0px;
}

.functie{
	font-size: 0.9em;
	width: 165px;
	padding-left: 10px;
}

.naam {
	font-size: 0.9em;
	width: 200px;
}

.lid {
	float: none;
	position: relative;
	width: 795px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}