@charset "utf-8";
/* Copyright www.digiplek.nl */
/* Opmaak van standaard HTML tags en eigen aangemaakte classes */
/* zwart: #231f20 - donkergrijs: #E7E5DA - grijs: #F8F7F6 - bruin: #654b24 */

/* STANDAARD HTML TAGS */
* { /* verschil in browser rendering voorkomen door alle margins en paddings op 0 te zetten - werkt niet voor Chrome en Safari */
	margin:0;
	padding:0;
	font-family: 'Roboto Slab', "Trebuchet MS", Arial, Helvetica, sans-serif, serif;
	border:none;
}
body {
	font-family: 'Roboto Slab', "Trebuchet MS", Arial, Helvetica, sans-serif, serif;
	font-size:62.5%;  /* 16px × 62.5% = 10px (16px is de browsers standaard, werk verder met "em" als eenheid en met "px" voor exacte afmetingen)*/
	color:#231f20;
}
pre, tt, code, kbd, samp, var {
	font-family:"Courier New", Courier, monospace;
}
h1 {
	font-size:3.5em;
	color:#231f20;
}
h2,
h3,
h4 {
	font-size:1.3em;
	line-height:1.5em;
}
p {
	font-size:1.3em;
	line-height:1.5em;
	padding-bottom:20px;
}
p:last-child,
p:last-of-type,
ul:last-child {
	padding-bottom:0;
}
ul {
	margin-left:15px;
	padding-bottom:20px;
	list-style-type:square;
}
ul ul {
	list-style-type:circle;
}
ol {
	margin-left:17px;
	padding-bottom:20px;
	list-style-type:decimal;
}
ul li,
ol li {
	padding-left:0px;
	font-size:1.3em;
	line-height:1.5em;
	color:#231f20;
}
ul li ul,
ol li ol {
	padding-bottom:0;
}
ul li ul li,
ol li ol li {
	font-size:1.0em;
	padding-bottom:0;
}
a:link,
a:visited { /* Alle links waar geen andere opmaak aan gekoppeld is */
	font-size:1.0em;line-height:1.5em;text-decoration:underline;color:#231f20;outline:0;
}
a:hover,
a:active { /* Alle links waar geen andere opmaak aan gekoppeld is */
	color:#654b24;text-decoration:underline;outline:0;
}
p a:link,
p a:visited,
ol li a:link,
ol li a:visited,
ul li a:link,
ul li a:visited { /* Alle links waar geen andere opmaak aan gekoppeld is */
	font-size:1.0em;line-height:1.5em;text-decoration:underline;color:#231f20;
}
p a:hover,
p a:active,
ol li a:hover,
ol li a:active,
ul li a:hover,
ul li a:active { /* Alle links waar geen andere opmaak aan gekoppeld is */
	color:#654b24;text-decoration:underline;
}
img {
	vertical-align:bottom; /* Voorkomen dat er in sommige browser ruimte onder een afbeelding zit */
	border:none;
}
a img { /* voorkomen dat een afbeelding met een link een border krijgt en laten oplichten */
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/*a img:hover, */
.transp { /* oplichten van afbeelding met link - de div waar de afbeelding in zit zorgt voor de achtergrondkleur */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
a img.no-transp,
a img.no-transp:hover,
a.no-transp img:hover { /* Transparantie voorkomen */
	filter:none;
	-moz-opacity:1;
	opacity:1;
}
img.no-shadow { /* Mogelijk moet je in sommige gevallen #container voor deze regel zetten omdat je anders de instellingen niet overschrijft. */
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
hr {
	height:0;
	border:0;
	border-top:1px solid #5F6062;
	padding-bottom:20px;
}
table {
	border-collapse:collapse;
	font-size:1.0em;
	line-height:1.0em;
}
th, td {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /* nodig anders werkt het backend van het Joomla CMS niet goed met tabellen. */
}
input,
button,
select,
textarea {
	font-size:1.3em;
	color:#444;
	border:#999 1px solid;
	padding:6px 5px;
	margin-bottom:10px;
}
input:hover,
textarea:hover {
	border:#377966 1px solid;
}
input.button,
button {
	background-color:#f93;
}
input.button:hover,
button:hover {
	background-color:#5F6062;
	display:block;
	cursor:pointer;
}
fieldset {
	border:#8E8E93 1px solid;
	padding:10px;
}
legend {
	font-size:1.4em;
	font-weight:bold;
	padding:10px;
	border:#8E8E93 1px solid;
	background-color:#eceded;
}
label {
	font-size:1.3em;
}

/* EIGEN AANGEMAAKTE VAAK GEBRUIKTE CLASSES */
/* end */
.foto_links { /* foto links zonder border */
	float:left;
	clear:both;
	margin:0 10px 10px 0;
}
.foto_rechts { /* foto rechts zonder border */
	float:right;
	clear:both;
	margin:0 0 10px 10px;
}
.foto_links-border { /* foto links met border */
	float:left;
	clear:both;
	margin:0 10px 10px 0;
	border:#e3e3e3 1px solid;
}
.foto_rechts-border { /* foto rechts met border */
	float:right;
	clear:both;
	margin:0 0 10px 10px;
	border:#e3e3e3 1px solid;
}
/* end */
.tcenter {
	text-align:center;	
}
.tleft {
	text-align:right;	
}
.tright {
	text-align:right;	
}
.small {
	font-size:0.9em;
}
.smaller {
	font-size:0.8em;
}
.large {
	font-size:1.4em;
}
.larger {
	font-size:1.6em;
}
.smallfooter {
	font-size:0.9em;
	padding:0;
}
.red,
.error {
	color:#F00;	
}
.green {
	color:#0F0;	
}
.nospace {
	margin:0;
	padding:0;	
}
.nospace_top {
	margin-top:0;
	padding-top:0;
}
.nospace_bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.nospace_left {
	margin-left:0;
	padding-left:0;
}
.nospace_right {
	margin-right:0;
	padding-right:0;
}
.space-top-10 {
	margin-top:10px;
}
.space-bottom-10 {
	margin-bottom:10px;
}
.space-left-10 {
	margin-left:10px;
}
.space-right-10 {
	margin-right:10px;
}
.space-top-20 {
	margin-top:20px;
}
.space-bottom-20 {
	margin-bottom:20px;
}
.space-left-20 {
	margin-left:20px;
}
.space-right-20 {
	margin-right:20px;
}
.in-a-row {
	float:left;	
}
.clearfix:after { /* Gebruik dit voor de omliggende div van de gefloate elementen. */
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
	*zoom:1; /* IE6 and IE7 */
}
.clr {
	clear:both;
}
/* end */
.marker { /* Tekst markeren */
	background-color:yellow;
}
/* end */
.tekstschaduw {
	text-shadow:2px 2px 4px rgba(0,0,0,0.70);
}
/* end */
a.knop:link,
a.knop:visited {
	position:relative;
	padding:10px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:#377966 1px solid;
	background-color:#377966;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D3DAD6), to(#377966));
	background: -webkit-linear-gradient(#D3DAD6, #377966);
	background: -moz-linear-gradient(#D3DAD6, #377966);
	background: -ms-linear-gradient(#D3DAD6, #377966);
	background: -o-linear-gradient(#D3DAD6, #377966);
	background: linear-gradient(#D3DAD6, #377966);
	-pie-background: linear-gradient(#D3DAD6, #377966);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior:url(templates/[[[[templatenaam]]]]/css/pie/PIE.htc);
}
a.knop:hover,
a.knop:active {
	color:#444;
}
/* end */
.tabel-opmaak,
.tabel-opmaak2 { /* Opmaak voor tabellen */
	width:660px;
	border-collapse:collapse;
	margin-bottom:20px;
}
.tabel-opmaak *,
.tabel-opmaak2 * { /* Ander lettertype in tabellen gebruiken omdat getallen anders niet onder elkaar staat. Gebeurt voornamelijk bij het getal 1 */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, serif;
}
.tabel-opmaak2 td {
	border:#7A7A7A 1px solid;
}
.tabel-opmaak th, .tabel-opmaak td, .tabel-opmaak2 th, .tabel-opmaak2 td {
	padding:4px;
	vertical-align:top;
}
.tabel-opmaak:last-child,
.tabel-opmaak:last-of-type,
.tabel-opmaak2:last-child,
.tabel-opmaak2:last-of-type {
	margin-bottom:0;
}
.tabel-opmaak td.linet {
	border-top:#231f20 1px solid;
}
.tabel-opmaak td.lineb {
	border-bottom:#231f20 1px solid;
}
.tabel-opmaak td.linebdouble {
	border-bottom:#231f20 double;
}
/* end */

.contentheading { /* Hoofdtitel (contentheading) in editor preview */
	font-size:1.1em;
	color:#5F6062;
	padding-bottom:10px;
	font-weight:bold;
}
body.contentpane { /* Witruimte in body van afdrukvenster */
	margin:20px;
}
#system-readmore { /* 'Lees meer...' lijn in backend van CMS */
	color:#D82B12;
	display:block;
}
/* end */

/* AANGEMAAKTE CLASSES VOOR DIT TEMPLATE */
.tabel-opmaak ul {
	margin-left:65px;
	padding-bottom:0px;
	list-style-type:none;	
}
.weg {
	display:none;
}
.width-kolom1 {
	width:49%;
}
.width-kolom2-3-4-5 {
	width:12%;
}
.kolom-wit {
	width:3%;
}