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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

figure {
    margin: 0;
}

body { line-height: 18px;font-family: Arial, Verdana, sans-serif;font-size: 14px; background-color: #f1f1f1;}
h1 { font-size: 18px;font-weight: bold;margin-bottom: 22px; }
h2 { font-size: 15px;font-weight: bold;margin-bottom: 22px; }
p {	margin-bottom: 10px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 18px;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:38px;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}

#navigation ul {margin: 0; padding: 0;}
#navigation ul li { list-style: none; }


#wrapper { height: 100%; min-width: 840px;}
#container { margin:0 ;width: 800px; }

#page-wrapper { padding: 0 20px; background-color: #fff; }
#page-wrapper #page {background-color: #fff;padding: 25px 0; width:800px; margin: 0px auto;}

#content { width: 630px; float: left; color: #000000; }
/* Afbeeldingen in CKEditor5 */
#content .image-center {
    margin: 1em auto;
}

#content .image-float-left {
	float: left;
    margin: 1em 1em 1em 0;
}

#content .image-float-right {
    float: right;
    margin: 1em 0 1em 1em;
}

#content .image-full-width {
    width: 100%;
    margin: 1em 0;
}
#sidebar { margin: 0; width: 140px; float: right; }
#sidebar .sidebar-content {}

.clear { clear: both; }
/* For modern browsers */
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1;}

.alignRight { float:right;}
.alignLeft { float:left;}

#navigation-wrapper { padding: 0 20px; }
#navigation-wrapper #navigation { margin: 0 auto; width: 800px;}
#navigation ul {}
#navigation ul li { display: block;float: left;font-size: 0;white-space: nowrap; height: 60px; line-height: 60px;}
#navigation ul li a {font-size:16px; font-weight: bold; color:#FFF; display: block; padding:0 15px; }
#navigation ul li.active a { text-decoration:none;}

#header-wrapper { height: 131px; line-height: 131px; padding: 0 20px; background-color: #f1f1f1; }
#header-wrapper #header { margin: 0 auto; width: 800px; height: 100px; padding: 16px 0 15px 0}
#header-wrapper #header #logo { height: 100px; line-height: 100px; }
#header-wrapper #header #logo  a { line-height:100px; font-size: 0;  vertical-align: middle; display: block;float: left;}
#header-wrapper #header #logo  a span { font-size: 48px;  font-family: 'Georgia'; font-style: italic;}
#header-wrapper #header #logo a img { vertical-align: middle;display: inline; margin: 0;padding: 0;}

#footer-wrapper { height: 53px; line-height: 53px; background-color: #f1f1f1; padding: 0 20px; }
#footer-wrapper #footer { margin: 0 auto; width: 800px;}

#social-icons-wrapper {text-align: center;}
#social-icons-wrapper a {margin: 0 6px; text-decoration: none;}

#personal-photo-wrapper { display: block; text-align: center; margin: 0 0 12px 0}
#personal-photo-wrapper img { border: 1px solid #ccc; padding: 4px;  background-color: #f1f1f1;
    display: inline;
    margin: 0;
    vertical-align: middle;	
	overflow: hidden;
}


#footer a { text-decoration: none; color:#000;}
#footer a:hover { text-decoration:underline; }
#footer img { vertical-align: middle; }