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


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


div.scroll {


    background-color: transparent;
}

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





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





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

div.pagina article h2 {
	font-family: 'Baar-Antropos';
	font-size: 16px;
	color: #545454;
	margin: 30px 0 0px 0;
} 

div.pagina article h3 {
	font-family: 'Baar-Antropos';
	font-size: 14px;
	color: rgba(234,35,99,1);
	margin: 30px 0 0px 0;
	font-weight: normal;
}
div.pagina article h4 {
	font-family: 'Baar-Antropos';
	font-size: 12px;
	color: rgba(234,35,99,1);
	margin: 30px 0 0px 0;
	font-weight: normal;
}
div.pagina a {
	color: #653c52;
	
}

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(234,35,99,1);
}

.pagina table  {

	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 100%;
	
}
.pagina th  {

	border-bottom: 1px solid gray;
	
}

/* ---------- 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: inherit;
    font-family: 'baar-antropos';
    text-align: left;
}

ul.nav li ul, #nav li ul {
	background-color: rgb(226, 212, 212);
	-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);
}
.tab_selected {
	font-weight: bold;
}
li:has(.tab_selected) {
	font-weight: bold;
}
/* ---------- 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;
}
/* ---------- FOOTER ---------- */

/* ----------------- M I N   W I D T H     1 0 0 0 ----------------- */

@media (min-width: 600px) {
	div.scroll {

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

	}
	.rest {
		padding-left: 20px;
	}
	div.pagina {
    		background-color: rgba(255,255,255,0.8);
	}
	
	#achterlangs {
		padding: 0px;
	}
}


/* ----------------- M I N   W I D T H     1 0 0 0 ----------------- */

@media (min-width: 1000px) {

	div.pagina {

    		border-radius: 12px;
		margin: 20px 0;
	}


}