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

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


div.scroll {
    opacity: 0.2;
    background-color: transparent;
}

/* ---------- PAGINA BACKGROUND ---------- */


div.pagina {
    background-color: rgba(255,255,255,0.51); 
}

/* ---------- 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%;
}

article small img, article small img.left, article small img.right  {
	width: 25%;
}

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

article a {
color: #2f65a2;
}
div.pagina  {
	color: #051535;

}

div.pagina p, div.pagina ul, div.pagina li, div.pagina td {
	color: inherit;
}

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

div.pagina article h2 {
   font-family: 'Baar-Antropos';
	font-size: 14px;
	color: #545454;

	
} 

div.pagina article h3 {
   font-family: 'Baar-Antropos';
	font-size: 12px;

} 

.emaillink, .externallink {
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 0;
}
/* ---------- HOOFDMENU ---------- */

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

ul.nav li a, #nav li a {
	font-family: 'Baar-Antropos';
	color: black;
	border: 0px;
	text-align: left;
}

/* ---------- MENU RECHTS ---------- */

#menurechts h2 {
    background-color: #BBB;
    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 #BBB;
    color: #555;
}


/* ----------------- 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: 0px;
		margin: 20px 0;
	}


}