* {
	font-family:"Varela Round","Lucida console", Verdana, Arial;
}

body {
	max-width:960px !important;
	display:block;
	margin:0 auto;
	overflow-y:scroll;
	background-image: linear-gradient(to right, rgba(128,128,128,0), rgba(32,32,32,1));
}

header {
	display:block;
	width:100%;
	padding: 1rem;
}

main {
	display:block;
	width:90%;
	
	padding:1rem;
	margin:1rem auto 4rem auto;
	
	background-color:#eee;
	
	box-shadow:4px 4px 16px #333;
	border-radius:0.24rem;
}

footer {
	display:block;
	width:100%;
	
	margin:0;
	
	padding: 1rem;
	
	font-size: 0.64rem;

	/*background-image: linear-gradient(to left, #00befa, rgba(255,180,50,1));*/
	background-color:#333;
	color:#fff;
}

/* --------------------------------------------------------------

ID's 

---------------------------------------------------------------*/

#header_bovenaan {
	background-color:#333;
	color:#eee;
}

#header_ingewikeld {
	
	background-color:#ffa200 !important;
	
	font-family:Verdana, Arial;
	
	padding:1rem;
}

#header_ingewikeld, #header_ingewikeld * {
	/*font-size:0.8rem;*/
	/*color:#fff !important;*/
}

#form_signin, #form_signin * {
	width:100px;
	background-color:#00befa;
}

#logo {
	width:auto;
	height:64px;
	
	text-decoration:none;
}

#temp_dir_ul, #temp_dir_ul * {
	list-style: none;
	padding-left:0;
}


/* --------------------------------------------------------------

BS5 - Overrides 

---------------------------------------------------------------*/

main {
	width:100%;
	background-color:#f1f1f1;
}

/*
@media only screen and (max-width: 960px) 
{
	h1 { font-size: 1.6rem; }
	h2 { font-size: 1.2rem; }
	h3 { font-size: 1rem; font-weight:bold; }
}
*/

.btn {
	font-weight:bold;
}

/* Voor pagina; berichten => btn "bericht-gelezen"-btn */
.btn-gelezen {
	display:block !important;
	margin-top:2rem;
	margin-bottom:4rem;
	position:absolute;
	top:4rem;
	right:1rem;
}

#header_ingewikeld .nav-link.active {
	color:#ffa200;
	font-weight:bold;
	color:#fff;
}

#navbar {
	background-color:darkblue !important;
	margin:0;
}

.active {
	font-weight:bold;
}

.dropdown-item.active
{
	background-color:#333;
	color:#fff;
}

#dropdown_account 
{
	/*background-color:#ffa200 !important;*/
}

/* large screens */
@media only screen and (min-width: 960px) 
{
	#dropdown_account
	{
		position: absolute; inset: 0px auto auto 0px; margin: 0 0 0 -24px; transform: translate(-199px, 34px);
	}
}


input[type=checkbox]:checked + label.strikethrough{
  text-decoration: line-through !important;
	color:#aaa !important;
}

.checkbox_big {
	padding:0.8rem;
	background-color:#333 !important;
}

.checkbox_label {
	display:block;
	/*border:2px solid blue;*/
	padding:0.4rem 0 0 1rem;
	margin:1rem 0 2rem 0;
	margin-left:1rem;
}


.checkbox_big:checked {
	background-color:#aaa !important;
}