/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
S


/*text*/

h1				{font-size:40px; color:#FFF; 	}			
h2				{
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
}	
h3				{font-size:15px; color:#090;	}		
p				{font-site:15px; line-height: 125%; color:#FFF;}		
p2				{font-site:14px; line-height: 100%; color:#FFF; font-style:italic; }	
p3			{font-site:15px; line-height: 125%; color:#090;}
a				{
	text-decoration: none;
	color: #FFF;
}
			
body			{background-color: #000;	}
			
#wrapper		{width:980px; background-color:#000; margin:0 auto; padding:0 30px;	}

.navbar {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	font-size: 105%;
	height: 1.9em;
	width: 100%;
	border-bottom:2px solid #060;
	z-index:2000;
	position: relative;
}
.navbar ul {
	float:right;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position:relative;
	right:50%;
}

.navbar ul li {
	float: left;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	top:1px;
}

.navbar ul li a {
	display:block;
	margin:0px;
	padding:0.3em 1em 0.3em;
	font-size:1em;
	color: #FFF;
	text-decoration: none;
	line-height:1.3em;
}

.navbar ul li a:hover,
.navbar ul li.active a {
	background-color: #060;
	font-weight:bold;
}

.navbar ul li:hover a,
.navbar ul li.hover a{
	background:#060;
	font-weight:bold;
	border-bottom:1px solid #060;
}

.navbar ul ul {
	display:none;
	position:absolute;
	top:1.9em;
	left:0;
	right:auto;
	width:8em;
}

.navbar ul ul li {
	left:auto;
	margin:0;
	clear:left;
	width:100%;
}

.navbar ul ul li a,
.navbar ul li.active li a,
.navbar ul li:hover ul li a,
.navbar ul li.hover ul li a {
	font-size:.8em;
	font-weight:bold;
	background:#030;
	line-height:1.4em;
	border-bottom:1px solid #060;
}

.navbar ul ul li a:hover,
.navbar ul li.active ul li a:hover,
.navbar ul li:hover ul li a:hover,
.navbar ul li.hover ul li a:hover {
	background:#060;
	font-weight:bold;
}


.navbar ul ul.last {
	left:auto;
	right:0;
}

.navbar ul li:hover ul,
.navbar ul li.hover ul {
	display:block;
}

#text-buttons			{float:none; }
#text-buttons ul		{margin-top:30px;	margin-bottom:15px; margin-left:60px; }
#text-buttons ul li		{display:inline; }
#text-buttons ul li a	{font-size:20px; margin-right:20px	}

#text-buttons a:link		{color:#FFF	}
#text-buttons a:visited		{color:#FFF	}
#text-buttons a:active		{color:#0C0	}
#text-buttons a:focus		{color:#090	}
#text-buttons a:hover		{color:#090	}

#head-content h1		{
	margin-left: 0px;
	font-size: 200%;
	color: #FFF;
}
#head-content h2		{margin-top:10px; }

#content				{width:630px; margin-top:10px; float:right;	}
#content2				{width:980px; margin-top:425px; float:left;	clear both; }

#fadeshow1				{
	float: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 10px;
}
#fadeshow2				{float:left; clear:both;	}
#fadeshow2toggler		{float:left; clear:both;	}

#text					{width:680px; margin:10px 0 10px 10px; float:right; clear:both; position:relative;}

.photo-content1			{
	float: left;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 0px;
}
.photo-content2			{
	margin: 0px 5px 0px 0px;
	float: right;
	clear: none;
	height: 300px;
}

#table1					{position: relative; width:160px;}
#table2					{position: relative; float:right; margin-left:10px; width:480px;}
#table3					{position: relative; width:260px;}
#table4					{position: relative; float:right; margin-left:10px; width:380px;}
#tableblock				{float:left; margin:10px 0 10px 0px; width:700px;}

#footer					{
	clear: both;
	border-top: 2px solid #060;
	text-align: center;
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
						 
#SpacingAbove {
	height: 60px;
}
#SpacingUnder {
	height: 35px;
}
#table5 {
	width: 45%;
	height: 212px;
}
#table6 {
	width: 50%;
	float: right;
	position: relative;
	top: -200px;
}
p4 {
	padding-left: 1px;
	margin-left: -0.64em;
	color: #FFFFFF;
}

.btnAfspraakMaken{
	justify-content: center;
    display: flex;
    margin: 15px 0;
    background-color: #006600;
    width: fit-content;
    position: relative;
    left: 42%;
    padding: 10px 20px;
    border-radius: 3px;
}

.btnAfspraakMaken:hover{
	opacity:0.8;
	transition: 0.3s;
}