/*  main styles ----------------------------*/
:root {
	--F: #782b67; /* Fontys paars */
	--A: #ff5a00; /* Accent */
	--W: #ffffff; /* White */
	--B: #000000; /* Black */
	--DN: #191308; /* Dark Neutral*/
	--LN: #e9c3e1; /* Light Neutral */
  }

*{ margin:0; padding:0; }* 
body { 	padding:0; margin:0; font:0.8em Arial,Verdana, sans-serif; 
		line-height:1.64em; color: var(--DN); 
		background-color: var(--W) }

a {color: var(--F); font-weight:bold; background:inherit; text-decoration:none;}
a:hover {background:none; text-decoration:none; color:var(--A); border-bottom:1px dashed;}
p { padding:5px 0 5px 0;}
ul {margin:0; padding:0;list-style:none;}
img {border:0;position:relative; margin-right:50px;}
.clear{clear:both; margin-top:1px;}
#wrapper { margin:0px auto; width:900px;  padding:0 20px 0 20px; background:var(--W);}

/* top ----------------------------*/

#topnav {height:42px; background:var(--B); width:100%;}
#menu {float:left; height:23px; margin:8px 8px 0 0;}
#menu a {display:block; color:var(--LN); background:inherit; text-decoration:none; margin-right:4px;
line-height:23px;font-weight:bold;}
#menu a:hover {color:var(--A); background:inherit;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu li {float:left; margin: 0 0 0 20px; }

/* header ----------------------------*/

#header {background: url(img/header.png) no-repeat; 
		height:150px; padding:0; margin:0 0 0 0; 
		display:flex;justify-content: center; 
		align-items:center;
	}
#title {padding:0 0 0 0; margin-top:50px;}
#header h1 {font-size:2.5em; letter-spacing:2px; margin:0px 0px 4px 20px; }
h1 span {padding:0;}
.t1{font-family:'arial black',sans-serif;font-size:55px;color:var(--F);margin-right:-12px;height:100px;}
.t2{font-family:'Courier New';font-size:40px;color: var(--B);} 
h1 img {top:-40px;left:20px;height:60px;}
.logo-container {
    position: relative;
    top: -70px; 
	left: 156px;
}
.logo-container img {
    position: absolute;
    top: 0;
    left: 50%; /* Center the image horizontally */
}

/*  The left column ----------------------------*/

#left {width:190px; float:left; margin-right:20px; padding:0 5px 5px 5px; background:inherit;}
#left ul {padding:3px 0 12px 5px;}
#left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px; color: var(--B);}
#left li a {background:inherit; text-decoration:none; }
#left li a:hover {color:var(--F);text-decoration:none;}

/*  The linkbar column ----------------------------*/

#linkbar {float:left; width:300px; padding:0 5px 5px 5px; margin-right:20px; background:inherit;}
ul {padding:3px 0 12px 5px;}
li {line-height:18px; background:inherit; list-style:none; margin-bottom:10px; color: var(--B);margin-left:20px;}
a {background:inherit; text-decoration:none;}
a:hover {color:var(--A);text-decoration:none;}
/* #linkbar li span {float:left;width:120px;color:#777;} */
li span {color:var(--F);margin-left:-20px;}


/*  The Right Side ----------------------------*/

#right {float:right; padding:0; background:inherit; margin-bottom:10px; width:100%;}
.content {padding: 10px 0 0 0;}
#right img {width:40px;margin-bottom:-5px;}
#right a:hover {color:var(--A);text-decoration:none;}

/*  The CSS for the Article headlines ----------------------------*/

.headline_one{font-size:2.50em;line-height:1.8em; color: var(--DN); font-family:'Georgia';}
.headline_two{font-size:1.70em;line-height:1.8em; color: var(--DN);
font-family:'Georgia'; letter-spacing:1px; border-bottom:3px solid var(--A);}
.headline_three{font-size:1.0em;font-weight:bold;color: var(--F);text-transform:uppercase;}
.FRnumber {font-size:1.0em;font-weight:bold;color: black;text-transform:uppercase;margin-right:20px;}
.tag {color:var(--A);margin:0;}

/* footer ----------------------------*/

#footer {clear:both; width:900px; margin:0; padding:10px 0 5px 0; border-top:1px solid var(--DN);
background:inherit;}