@import url(/fonts/webfonts_Baar-Antropos/font.css);


/* ---------- BODY BACKGROUND OVERLAY ---------- */


div.scroll {

    background-color: rgba(255,0,174,0);
}

.body_bg {
	background-position: bottom;
}

/* ---------- CONTENT BACKGROUND ---------- */

div.illustratie {
    /* header hoogte */
    max-height: 153px;
    overflow: visible;
}

div.pagina {
    background-color: rgba(255,255,255,0.9);
    	border-radius: 12px;
}

/* ---------- TIDBITS ---------- */


div.pagina a {
	color: rgba(4,145,64,1);
	
}



div.pagina article h1 {
	font-family: 'Baar-Antropos';
	font-size: 20px;
	color: rgba(4,145,64,1);
}

div.pagina article h2 {
	font-family: 'Baar-Antropos';
	font-size: 16px;
	color: rgba(4,145,64,1);
	margin: 30px 0 0px 0;
} 

div.pagina article h3 {
	font-family: 'Baar-Antropos';
	font-size: 14px;
	color: rgba(4,145,64,1);
	margin: 30px 0 0px 0;
	font-weight: normal;
}
div.pagina article h4 {
	font-family: 'Baar-Antropos';
	font-size: 12px;
	color: rgba(4,145,64,1);
	margin: 30px 0 0px 0;
	font-weight: normal;
}

div.pagina article p,
div.pagina article li,
div.pagina article th, div.pagina article td  {
	color: #353535; 
	text-align: left;
	line-height: 180%;
}
#menurechts ul li a.ouderlogin {
	background-image: url(/images/menneke.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	padding-left: 38px;
	line-height: 40px;
	height: 40px;
	display: block;
	font-family: baar-antropos;
	border: 0px solid red;
	font-weight: bold;
	color: rgba(4,145,64,1);
}

/* ---------- IMAGES ---------- */

article img {
	width: 100%;
}

article img.right {
	float: right;
	width: 45%;
	margin-left: 5%;
	margin-right: 0%;
}
article img.left {
	float: left;
	width: 45%;
	margin-left: 0%;
	margin-right: 5%;
}



/* ---------- HOOFDMENU ---------- */

ul.nav, #nav {
    font-size: 13px;
}

ul.nav li a, #nav li a {
	color: black;
	border: 0px;
	font-weight: normal;
	font-family: 'baar-antropos';
	text-align: left;	
}


#nav li ul {
	background-color: rgb(233, 235, 234);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
/* ---------- MENU RECHTS ---------- */

#menurechts h2 {
    background-color: rgba(255,255,255,0.5);
    color: black;
    padding: 0.3em 0 0.3em 1em;
    margin-bottom: 0;

}

#menurechts ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 3em;
    border: 1px solid rgba(255,255,255,0.5);;
    color: black;
}



/* ---------- TABLES ---------- */

article table {
	width: 100%;
	border-collapse: collapse;
}

article table td {
	border-bottom: 1px solid rgba(0,150,0,1);
	margin: 0;
	padding: 2px;
}

article table tr:first-child td {
	border-top: 1px solid rgba(0,100,0,1);

}

article table tr:last-child td {
	border-bottom: 1px solid rgba(0,100,0,1);

}


/* ---------- FOOTER ---------- */


@media (min-width: 1000px) {
	div.center {
		border: 0px solid red;
		width: 90%;
		max-width: 1000px;
	}
	div.pagina {
		border: 0px solid red;
		width: 100%;
		max-width: 100%;

		margin-top: 20px ;
	}
	
	.rest {
		padding-left: 20px;
	}

}