/*%%%%%%%%%%%%%%%%%%%%%% Body style */
body
{
	font-family: Verdana;
	color: black;
	height: 100vh;
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
}

.maindivklein
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto;
	font-size: 19px;
	line-height: 24px;
	text-align:justify;
	max-width: 826px;
	background-color: #CCCCCC;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}


p
{
	text-indent: -15px;
	padding-left: 15px;
	margin-top: -18px;
}

img
{
	border: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}

.hetmenu
{
	background-color: transparent;
	text-align: left;
}
.hetmenu a:hover
{
	background-color: #AFAFAF;
}

.dehoverblauw
{
	background-color: transparent;
}
.dehoverblauw a:hover
{
	background-color: #AFAFAF;
	color: #1E00A1;
}

.deboekenblauw
{
	background-color: transparent;
}
.deboekenblauw a:link
{
	color: #1E00A1;
}
.deboekenblauw a:visited
{
	color: #1E00A1;
}
.deboekenblauw a:active
{
	color: #1E00A1;
}
.deboekenblauw a:hover
{
	background-color: #AFAFAF;
	color: #1E00A1;
}

/*%%%%%%%%%%%%%%%%%%%%%% Scrollbar */
::-webkit-scrollbar
{
	width: 10px;
}

::-webkit-scrollbar-track
{
	background: #AAA; 
}
 
::-webkit-scrollbar-thumb
{
	background: #777; 
}

::-webkit-scrollbar-thumb:hover
{
	background: #444; 
}

/*%%%%%%%%%%%%%%%%%%%%%%*/

/*@media (width > 816px)*/
@media (min-width: 816px)
{
	.maindivklein
	{
		font-size: 19px;
		line-height: 24px;
	}
	.hetmenu
	{
		font-size: 23px;
		padding-top: 8px;
		padding-bottom: 12px;
	}
}

/*@media (width < 816px)*/
@media (max-width: 816px)
{
	.maindivklein
	{
		font-size: calc(15.077px + 0.481vw);
		line-height: calc(19.045px + 0.607vw);
	}
	.hetmenu
	{
		font-size: calc(15.154px + 0.962vw);
		padding-top: calc(6.348px + 0.202vw);
		padding-bottom: calc(9.522px + 0.304vw);
	}
}

/*%%%%%%%%%%%%%%%%%%%%%% Tekst kleur */
a:link
{
	color: #000000;
	background-color: transparent; 
	text-decoration: none;
}
a:visited
{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a:hover
{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a:active
{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

/*%%%%%%%%%%%%%%%%%%%%%% kleuren */
.grijs
{
	color: #AAAAAA;
}
.grijs a
{
	color: #AAAAAA;
}
.blauw
{
	color: #1E00A1;
}
.groen
{
	color: #2B8000;
}
.oranje
{
	color: #C06000;
}

.oranje a
{
	color: #C06000;
}