@charset "UTF-8";
body {
	font: 70%/1.8 Helvetica oblique, Arial oblique, Verdana, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
	border:none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 3px;
	padding-left: 3px;
}

a:link {
	color:#414958;
	text-decoration: underline; 
}

a:visited {
	color: #4E5869;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}


.container {
	width: 1024px;
	background:#FFF;
	position:relative;
	margin: 0 auto;
}


.header {
	background:#FFF;/* dit is de kleur van de bovenste balk*/
	height:150px;
}

.sidebar1 {
	float: left;
	width: 85px;
	background: #EEE;
	padding-bottom: 0px;
	margin-top:50px;
}
.content {
	padding: 10px 0;
	width: 814px;
	min-height: 1200px;
	float: left;
}

a img{
	border:none;
}

/* ~~ De gegroepeerde kiezer zorgt voor de ruimte van de lijsten in het inhoudsgebied ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

ul.nav {
	list-style: none; /* hiermee verwijdert u de lijstmarkering */
	text-align:right;	
}
ul.nav li {
	border-bottom: 5px solid #fff; /* hiermee maakt u de scheiding voor knoppen */
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display:block ;
	text-decoration: none;
	background: #FFF;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	 /* hier zit de kleur van de vakjes als je er met de muis overheen gaat*/
	color:#CBCBCB; /* kleur van de tekst als je er met de muis overheen gaat*/
}

/* ~~ De voettekst ~~ */
.footer {
	padding: 10px 0;
	background: #FFF;
	clear: both;
	font: 100%/1.8 Verdana, Arial, Helvetica, sans-serif;
	 /* met deze eigenschap voor wissen kan de container bepalen waar e zwevende kolommen eindigen en ze insluiten */
}