body { padding: 0 0 10px 0; }

a:link, a:active, a:visited	{ color: #006600; text-decoration: none; font-variant: normal; font-weight: 600; }
a:hover  { color: #006600 !important; font-variant: normal; text-decoration: underline !important; font-weight: 600; }
a.menu:link, a.menu:active, a.menu:visited	{ color: #000000; text-decoration: none; font-weight: normal; font-variant: small-caps; }
a.menu:hover	{ color: #006600 !important; text-decoration: none !important; font-weight: bold; }

/* space between logo and menu items, adjusted for media */
#verticalspace {
	height: 125px;
}

#menublock {
	line-height: 175%;
	font-size: 100%;
	letter-spacing: 0.3px;
	margin-left: 5px;
	white-space: nowrap;
	}

#footer {
	font-size: 12px;
	color: #808080;
	margin: 40px 0 0 20px;
	line-height: 150%;
}

/* START small images that need to be a bit responsive */
#q-img100 {
	width: 100px;
	height: auto;
	margin: 0 0 15px 15px;
	max-width: 100px;
}
#q-img150 {
	width: 150px;
	height: auto;
	margin: 0 0 15px 15px;
	max-width: 150px;
}
#q-img200 {
	width: 200px;
	height: auto;
	margin: 0 0 15px 15px;
	max-width: 200px;
}
/* END small images that need to be a bit responsive */


h1 { font-size: 26px !important; font-variant: small-caps; margin: 7px 0 15px 0 !important; }
h2 { font-size: 16px !important; font-variant: small-caps; margin: 30px 0 4px 0 !important; font-weight: bold !important; }
h3 { font-size: 14px !important; font-variant: small-caps; margin: 15px 0 7px 0 !important; font-weight: bold !important; }
h4 { font-size: 13px !important; font-variant: small-caps; margin: 2px 0 7px 0 !important; font-weight: normal !important; }

ul { padding-left: 17px; margin: 10px 0 5px 0; list-style: url(images/bol2.png) !important; }
li { padding-left: 10px; margin: 2px; }


/* START settings for small devices */
@media (max-width: 767px) {
	#verticalspace {
		height: 40px;
	}
	h1 {
		font-size: 22px !important;
	}
	#logo {
		margin-top: 0 !important;
	}
	#footer {
		margin-left: 15px;
		font-size: 11px;
	}
	#menublock {
		line-height: 200%;
	}
	#q-img100 {
		width: 75px;
		height: auto;
	}
	#q-img150 {
		width: 110px;
		height: auto;
	}
	#q-img200 {
		width: 160px;
		height: auto;
	}
}
/* END settings for small devices */


/* START MENU ITEMS */
.q-burger-fixed-top {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	z-index: 10 !important;
	background-color: white !important;
}

#menu {
	position: fixed !important;
	width: 200px;
	height: 350px;
	top: 0;
	left: 0;
	background-color: white;
	color: black;
	font-weight: bold;
	padding-left: 20px;
	border-right: 1px solid #006400;
	border-bottom: 1px solid #006400;
	/* make it scrollable if needed: */
	/* height: 100%; */
	overflow: scroll;
}
/* END MENU ITEMS */


/* START overwrite BootStrap */
img.rounded {
	border-radius: 10px 10px 10px 10px !important;
}
.navbar {
	padding: 0 !important;
	margin: 9px 17px 0 0 !important;
}
.navbar-toggler {
	font-size: 1rem !important;
	padding: 6px !important;
}
/* remove blue border */
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
/* END overwrite BootStrap */

/* additional to BS */
img.roundedheader {
	border-radius: 10px 10px 10px 10px !important;
}