/* Kleur aanpassen */
body 
{
	color: black; /* Kleuren tekst */
	font-family: Arial, Helvetica, Tahoma, "MS Reference Sans Serif", sans-serif; /* Lettertype */
    font-size:0.8em; /* Grote van het lettertype */
	background: #fff; /* Achtergrond kleur van de website */
}
.menubalk 
{
	background: #73BF45; /* Achtergrondkleur van de zoeken/menu balk */
}
a, .contentpaneopen a 
{
	color: black;  /*#73BF45; Kleuren van de linkjes */
}
.menubalk ul li a, .menubalk ul li a:visited 
{
	color: black; /* Kleur van de linkjes in de menu balk */
	border-left: 1px solid #fff; /* Kleur van het scheidingstrepen tussen de linkjes in de menu balk */
}
.menubalk ul li a:hover 
{
	background: black; /* Achtergrond kleur van de linkjes in de menu balk als je met de muis over de linkjes gaat */
	color: white; /* Lettertype kleur van de linkjes in de menu balk als je met de muis over de linkjes gaat */
}
.componentheading, h1 {
	color:#000000; /* Kleur van de h1 kop */
}
.threecol .colmid h2 
{
	color: #5A481A; /* Kleur van de h2 kop */
}

/* Aanpassen van het filterveld bij uitgebreid zoeken */
.chzn-container {
  width: 250px !important; /* !important want in de html wordt een breedte meegegeven in style */
}

/* Toevoegen van de bootstrap classes .pull-left en .pull-right voor o.a. het op 1 regel van zoekveld en zoekknop */
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* En een clear om in het zoekformulier alles weer netjes onder elkaar te zetten */
#searchForm .phrases {
  clear: both;
}
/* De witruimte boven de modules links en rechts */
.colleft .moduletable:first-child,
.colright .moduletable:first-child {
  margin-top: 0; /* deze waarde kan je aanpassen alleen de witruimte boven de modules links en rechts te vergroten. */
}
/* De witruimte onder de menubalk in zijn geheel */
.menucontainer {
  margin-bottom: 0px;
}

/* style of tables in article content */
.contenttable {
    border-collapse: collapse;
}
.contenttable th, .contenttable td{
    border: 1px solid #BBB;
    padding: 3px;
}

/* CSS Voor weergave desktop en landscape tablets */	
	.threecol .colleft
	{
		padding-left:3%; /* Creer ruimte aan de linkerkant zodat het midden vlak niet tegen de kantlijn komt */
	}
	.threecol .colmid 
	{
		padding-left: 3%;			/* Creer ruimte aan de linkerkant zodat het midden vlak niet tegen de kantlijn komt */
		padding-right: 3%;			/* Creer ruimte aan de rechterkant zodat het midden vlak niet tegen de kantlijn komt */	
      	padding-top: 15px
	}
	.threecol .colright 
	{
		padding-right:3%; /* Creer ruimte aan de rechterkant zodat het rechter vlak niet tegen de kantlijn komt */
	}
	.threecol .span12 /* Span12 Volledige breedte van het scherm staat gelijk aan 100% */
	{ 
		width:100%; 
	}
	.threecol .span9 /* Span9 3/4 deel van het scherm staat gelijk aan 75% */
	{ 
		width:70%;
	}
	.threecol .span6 /* Span6 de helft van span 12 en dus ook gelijk de helft van de schermbreedte 50% */
	{ 	
		width:70%;					
	}
	.threecol .span3 /* Span3 1/4 deel van het scherm(span12) staat gelijk  25% */
	{ 
		width: 15%;
	}
/* EINDE CSS Desktop en Landscape tablets */
	
/* Responsive code voor tablets en mobiele telefoons */
	@media only screen and (max-width: 768px) { 
		.threecol .span12, .threecol .span9, .threecol .span6, .threecol .span3 
		{
			width:100%; /* Geeft de vakken volledige breedte */
			clear:both; /* Zet de vakken onder elkaar */
		}
		.colmid .cols-2 .column-1, .colmid .cols-2 .column-2 
		{
			width:100%; /* Geeft de nieuws artikelen volledige breedte */
			clear:both; /* Zet de nieuws artikelen onder elkaar */
			padding-right:0px;
		}
		.colmid 
		{
			margin-top:10px; /* Geef ruimte aan de bovenkant zodat de inhoud niet tegen het menu aankomt */
		}	
		.colleft .moduletable_startmenu 
		{ /* Verberg het menu op de tablet/Mobiele telefoons */
			display:none;
		}
	}
		
	@media only screen and (max-width: 600px) /* Zoeken en Top menu onder elkaar zetten op mobiel */
	{ 
		.zoekveld 
		{
			width:100%;
			right:0;
			top:2px;
			text-align:center;
		}
		.titelmenu 
		{
			margin-top:20px;
			width:100%;
			clear:both;
			float:left;
		}
		.menubalk ul 
		{
		text-align: center;
		}
	}		
/* EINDE CSS Tablets en mobiele telefoons */