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

body {
	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%;
	
	padding: 1rem;
	
	font-size: 0.64rem;

	background-image: linear-gradient(to left, rgba(255,180,50,0.8), rgba(255,180,50,1));
}

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

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;
}

#temp_dir_ul li {
	background-color:#ffa200;
	margin-bottom:1rem;
	padding:0.24rem;
}


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

BS5 - Overrides 

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

h1, h2, h3, h4, h5 {
	/* color:#333; SELECTIEVER IF DITTE (color h OVERAL verranderen => niet goed) */
}

@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-primary {
	border-color:#ffa100;
	background-color:#ffa100;
	color:#fff;
	border:4px solid brown;
}

.btn-primary:hover, .btn-primary:focus {
	background-color:green;
	border-color:darkgreen;
	border:4px solid darkgreen;
	color:#fff;
	box-shadow:2px 2px 8px lightgreen;
}

.btn {
	font-weight:bold;
}

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


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