* {
	font-family: 'Poppins', sans-serif;
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {
	font-weight:normal;
	color:#333 !important;
}

img {
	border-radius:4px !important;
}

main {
	padding-top:4rem !important;
}

/* kleine schermen */
@media only screen and (max-width: 960px) 
{
	main {
		padding-top:0rem !important;
	}
	
	#form_aanmelden {		
		width:480px !important;
		max-width:100% !important;
		margin:1rem auto !important;
		display:block !important;
		margin:0 !important;
		padding:0 !important;
	}

}


#logo {
	height:48px !important;
	width:auto !important;
}

#navbar_logo {
	width:auto !important;
	height:48px !important;
	display:block !important;
	margin:1rem auto !important;
}


#navbar_account_dropdown_avatar {
	box-shadow: 4px 4px 16px #777; border:2px solid #555; border-radius:50% !important;width:32px;
}

#navbar_account_dropdown {
	font-size:0.8rem; 
	padding:0.2rem;
}

#navbar_account_dropdown_avatar_small {
	margin-left:0.8rem; margin-top:0.4rem; width:3.2rem; height:3.2rem; border-radius:50% !important;
	font-size:0.6rem;
	display:block; float:left; margin-right:1.2rem;
}

#brand {
	height:32px;
	width:auto;
}

#header {
	z-index:50;
	padding:0rem;
	background-color:#eee !important;
	border-bottom:4px solid #aaa !important;
	margin-bottom:2rem !important;
}

#header_top {
	position:fixed;
	width:100%;
	z-index:20;
	top:0;
	left:0;
	overflow:visible;
	background-image: url("images/header_bg.png");
	background-repeat: no-repeat;
	background-position:center right;
	background-color:#eee;
	height:4.8rem;
	border-bottom:2px solid #aaa;
}

#header_top_logo {
	height:3.2rem;
	margin:0.6rem;
}

#content {
	padding-top:10rem !important;
}

nav {
	border-bottom:2px solid #ccc !important;
	margin-bottom:1rem;
}

/* website copyright */
#footer_copyright {
	background-color:#555;
	text-align:center;
	padding:1rem;
}

/* toolbox */
#footer_toolbox {
	background-color:#333;
	text-align:left;
	padding:1rem;
}

#footer_copyright, #footer_copyright *, #footer_contact_info, #footer_contact_info *, #footer_toolbox, #footer_toolbox * {
	color:#fff !important;
}

#header_toggle_admin 
{
	display:block;
	
	margin-top:3.2rem !important; 
	
	z-index:10 !important;
}

#header_toggle_admin, #header_toggle_admin * {
	text-decoration:none !important;
	color:#333;
}

.logo_small {
	height:32px;
	width:auto;
}

#navbar_main {
	z-index:999 !important;
}


/* kleine schermen */
@media only screen and (min-width: 720px) 
{

	#navbar_main {
		margin-top:4.8rem;
	}
	
}

/* kleine schermen */
@media only screen and (max-width: 720px) 
{
	footer p, footer a {
		font-size:0.8em !important;
	}
	
	#header_toggle_admin {
		margin-top:5.2rem !important;
	}
	
	.nav-tabs, .nav-tabs * {
		font-size:0.8rem !important;
	}
	
	#navbar_main {
		/*background-color:red !important;*/
		/*border:3px solid blue;*/
		margin:0rem !important;
		/*top:-3.2rem !important;*/
		z-index:10 !important;
	}
	
	#content {
		padding-top:4.8rem !important;
		/*background-color:lightgreen !important;*/
	}
}

	.modal, .modal * {
		z-index:3000 !important;
	}


.blog {
	background-color:#333 !important;
	padding:1rem !important;
	min-height:16rem !important;
	border-radius:0.4rem !important;
}

.blog_header, .blog_header * {
	border-radius:0.4rem !important;
	color:#fff !important;
	background-color:#333;
	padding:1rem;
	text-align:center;
}

.blog_header {
	margin-bottom:1rem;
}

.blog_item {
	background-color:#eee !important;
	padding:1rem !important;
	border-radius:0.4rem;
	margin-bottom:1rem;
}

.blog_item * {
	color:#fff !important;
}


.blog_item_groot {
	background-color:#eee !important;
	padding:1rem !important;
	border-radius:0.4rem;
	margin-bottom:1rem;
}

.blog_item_groot * {
	color:#fff !important;
}


#form_aanmelden {
	width:480px !important;
	max-width:480px !important;
	margin:1rem auto !important;
	display:block !important;
}





body {
	background: url('') no-repeat center center fixed !important;
	overflow-y: scroll;
}

body {
	overflow-y: scroll;
	background-image: linear-gradient(to right bottom, #fff,#fff, #fff, #fbe8ba) !important; /* #fbe8ba, #f4bb31 */
	background-repeat:no-repeat;
	background-size:10;
}


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

#form_aanmelden {
	background-color:#fefefe;
	box-shadow:2px 2px 16px #999;
	border-radius:0.32rem;
	padding-top:2rem;
	padding:1.2rem;
	max-width:720px !important; margin:1rem auto !important; display:block !important;
}

.kader_een {
	background-color:darkred !important;
}

.kader_een .btn, .kader_een .btn * {
	background-color:pink !important;
}

.kader_een .btn .span,.kader_een .btn .badge {
	background-color:red !important;
	color:pink;
}

.kader_twee {
	background-color:darkgreen !important;
}

.kader_twee .btn, .kader_twee .btn * {
	background-color:lightgreen !important;
}

.kader_twee .btn .span,.kader_twee .btn .badge {
	background-color:green !important;
	color:lightgreen;
}


.kader_drie {
	background-color:darkblue !important;
}

.kader_drie .btn, .kader_drie .btn * {
	background-color:royalblue !important;
}

.kader_drie .btn .span,.kader_drie .btn .badge {
	background-color:blue !important;
	color:royalblue;
}


.kader_vier {
	background-color:#ff0000 !important;
}

.kader_vier .btn, .kader_vier .btn * {
	background-color:#ff00ff !important;
}

.kader_vier .btn .span,.kader_vier .btn .badge {
	background-color:#ff00ff !important;
	color:#00ff00;
}