/*
	CSS				- Algemeen
	Thema			- Standaard
	Startdatum		- 30-07-2013
	Wijzigdatum		- 17-04-2025
*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Monda');
@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700');
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Kanit&display=swap')

html, body												{ font-size:<?php echo $lettergrootte;?>;}
@font-face												{ font-family:sansation; src:url("js/OldNewspaperTypes.ttf");}
@font-face												{ font-family:sansation; src:url("js/Sansation_Regular.ttf");}
@font-face												{ font-family:bord; src:url("js/OfficinaSansStd-Book.otf");}
#dock													{ position: fixed; top: 0; left:0; width: 100%; background: rgba(0,0,0,0.5);  }

/* Algemene tags */
*											{ padding:0; margin:0; border:0; outline:0;}
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block}
/* body {
	line-height: 1.6; } */
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0}

html { font-size: 120%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

html {
    background:
    -webkit-radial-gradient(hsla(0,0%,0%,.25) 15%, transparent 15%) 0 0,
    -webkit-radial-gradient(hsla(0,0%,0%,.25) 15%, transparent 15%) 8px 8px,
    -webkit-radial-gradient(hsla(0,0%,50%,.5) 15%, transparent 20%) 0 1px,
    -webkit-radial-gradient(hsla(0,0%,50%,.5) 15%, transparent 20%) 8px 9px;
    background-color: #432;
    background-size: 16px 16px;
    display: block;
}

body {
    background:
    -webkit-radial-gradient(hsla(0,0%,0%,.25) 15%, transparent 15%) 0 0,
    -webkit-radial-gradient(hsla(0,0%,0%,.25) 15%, transparent 15%) 8px 8px,
    -webkit-radial-gradient(hsla(0,0%,50%,.5) 15%, transparent 20%) 0 1px,
    -webkit-radial-gradient(hsla(0,0%,50%,.5) 15%, transparent 20%) 8px 9px;
    background-color: #432;
    background-size: 16px 16px;
    display: block;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6		{ font-family: "Kanit", "Nunito", "Monda", "Roboto", "arial", "verdana"; padding:0; margin:0; padding-top:2px; margin-bottom:10px; font-weight: bold; color:#ccc;  text-shadow: #000 2px 2px 8px;}
h3.schaduw						{ background:#eef1f1; margin-bottom:8px; padding:4px; padding-left:8px; border:1px solid #999999; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666; }
h1										{ font-size:32px; border-bottom:1px solid #999; }
h2										{ font-size:26px; border-bottom:1px dotted #999; }
h3										{ text-align: left; font-size: 18px; border-bottom:1px dotted #ccc;color:#cf9; margin-bottom:10px; }
h4										{ font-size: 17px; }
h5										{ text-align: center; background: #069; color: #ddd; border: 3px solid #aaa; padding-top: 4px; }
a											{ text-decoration:none;font-weight: bold; color:#6c2; text-shadow: unset; }
a:hover								{ color:#e42;/* background: url('bullet.png') no-repeat right center;	padding-right: 12px; */ }
img										{ border:0; }
table, tr, td					{ font-size:100%; }
p.inleiding						{ padding:8px 16px; background:#eef;}
p											{ font-family: "Nunito", "Monda", "Roboto", "arial", "verdana";color:#eee;  text-shadow: #000 2px 2px 2px; font-size:110%;}
.paginafoto           { width:98%; max-width:1200px;margin:auto;text-align: center;}
 /* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
.koptitel 						{ font-family: "Nunito";position:absolute; font-size: 14px; font-weight: bold; color:#fff; text-shadow: #000 2px 2px 8px; line-height: 100px; padding-left: 0px; display: block;}
.kopondertitel				{ font-family: "Nunito"; width: 100%; float:right; padding-top:80px;padding-right:20px;text-align: right; font-size:10px; font-weight: bold; color: #fff; text-shadow: #000 2px 2px 8px;}

@media only screen and (min-width: 600px)
{
  /* For desktop: */
  .koptitel 						{ font-family: "Nunito";position:absolute; font-size: 32px; font-weight: bold; color:#fff; text-shadow: #000 2px 2px 8px; line-height: 100px; padding-left: 0px; display: block;}
  .kopondertitel				{ font-family: "Nunito"; width: 100%; float:right; padding-top:80px;padding-right:20px;text-align: right; font-size:14px; font-weight: bold; color: #fff; text-shadow: #000 2px 2px 8px;}
  .col-1 { column-count: 1;}
  .col-2 { column-count: 2;}
  .col-3 { column-count: 3; column-gap: 40px; column-rule: 2px double #333; }
  .col-4 { column-count: 4;}
  .col-5 { column-count: 5;}
}

@media only screen and (min-width: 768px)
{
  .koptitel 						{ font-family: "Nunito";position:absolute; font-size: 40px; font-weight: bold; color:#fff; text-shadow: #000 2px 2px 8px; line-height: 100px; padding-left: 0px; display: block;}
  .kopondertitel				{ font-family: "Nunito"; width: 100%; float:right; padding-top:80px;padding-right:16px;text-align: right; font-size:20px; font-weight: bold; color: #fff; text-shadow: #000 2px 2px 8px;}
}

@media only screen and (min-width: 1200px)
{
  .koptitel 						{ font-family: "Nunito";position:absolute; font-size: 60px; font-weight: bold; color:#fff; text-shadow: #000 2px 2px 8px; line-height: 100px; padding-left: 0px; display: block;}
  .kopondertitel				{ font-family: "Nunito"; width: 100%; float:right; padding-top:80px;padding-right:20px;text-align: right; font-size:20px; font-weight: bold; color: #fff; text-shadow: #000 2px 2px 8px;}
}

.kopinhoud { padding:16px; max-width:1200px; margin:auto;}
.schaduw              { -moz-box-shadow: 1px 1px 20px #000; -webkit-box-shadow: 1px 1px 20px #000; box-shadow: 1px 1px 20px #000;}
blockquote						{ padding-left:40px;}
.fotoonderschrift   { font-style:italic;color: #9c9;}
/* ------------------------------------------------------------------------------------------------------- */

/* Site lagen */
#site_geheel					{ width: 100%; height: 100%; margin: 0 auto;}
#omslag_hoofd					{ width: 90%;  margin: 0 auto; -moz-box-shadow: 0px 1px 10px #222; -webkit-box-shadow: 0 1px 10px #222; box-shadow: 0 1px 10px #222;}
#omslag_schaduw				{}
#omslag								{}
.geheel								{ width: 100%; background:transparent;}
* html div.inhoud			{ margin-top: 0px; margin-bottom: 0px; }
div.inhoud						{ margin: 0 auto; width: 100%; position: relative; background: #f7f7f7;/* d2d1cf */ display: block; overflow: auto; }
div.inhoud_plaats			{ background: #f7f7f7; padding-left: 8px; padding-right: 10px;}
.kop									{ display: block; width: 100%; height: 140px; }
.kopmidden						{ position: relative; margin:0 auto; width: 90%;  height: 140px;  background:#383838 url(ag-p1.png); background:#404c00 url(kop.jpg) 50% no-repeat; }
.paginatitel					{ font-size: 48px; font-weight: bold; color:#444; text-shadow: #444 1px 1px 2px; line-height: 60px; height:60px; display: block; border-bottom:1px solid #888;}
.logo									{ }
.koplinks							{ float: left; margin-left: -16px; background:url("schaduw-ver-links.png") left 90%; width:16px; height: 132px; }
.koprechts						{ float: right; margin-right: -16px; background:url("schaduw-ver-rechts.png") right 90%; width: 16px; height: 132px;}
div.midden						{ background:#222 url(kartel-voet.png) center top repeat-x; margin:0px auto 0px; width: 90%; border: 0px solid #aaa;}
div.middenlinks				{ float: left; margin-left: -20px; background:url("schaduw-ver-links.png") left 0; width:20px; height: 400px; }
div.middenrechts			{ float: right; margin-right: -20px; background:url("schaduw-ver-rechts.png") right 0; width: 20px; height: 400px;}
.perforatie						{ background:#222 url(kartel.png) center top repeat-x; margin:0px auto 0px; width: 90%; height:9px; border: 0;}
.voet									{ display:block; width: 100%; height:100px;}
.voetmidden						{ width: 90%; margin:auto; background:#383838 url(ag-p1.png); height:100px; color:#fff; text-shadow: #666 2px 2px 8px;}
.voettekst						{ display:block; text-align:center; font-size:100%;  padding-top:4px; text-shadow: #666 1px 1px 0; color:#fff;}
.voetlinks						{ float: left; margin-left: -20px; margin-top:8px; background:url("schaduw-ver-links.png") left 0%; width:20px; height: 92px; }
.voetrechts						{ float: right; margin-right: -20px; margin-top:8px; background:url("schaduw-ver-rechts.png") right 0%; width: 20px; height: 92px;}
#kop-overlay					{ display: inherit; width: 100%; margin: inherit; height: 9px; position: absolute; top: 131px; background: url(kartel.png) center bottom repeat-x; }
#voet-overlay					{ display: inherit; width: 100%; margin: inherit; height: 9px; position: relative; margin-top:-32px; background: url(kartel-voet.png) center top repeat-x; }
/* ------------------------------------------------------------------------------------------------------- */

/* zijmenu */
ul#zijmenu													{ background:transparent; list-style:none; margin:0; padding:0;}
ul#zijmenu li.midden								{ float:none; margin:0; padding:0px; list-style:none; }
ul#zijmenu li.midden a							{ font-size: 12px; font-weight:bold; color:#0f84d0; display:block; line-height:28px; height: 23px; margin:0px; padding:4px 8px; text-align:left; text-decoration:underline; overflow:hidden; }
ul#zijmenu li.midden a:hover, ul#zijmenu li.midden:hover a { color:#e18862; text-decoration:none;}
ul#zijmenu li.midden a.huidig				{ color:#84d00f; text-decoration:none;}
/* hoofdmenu */
#placemainmenu											{ margin:0px; padding:0px;}
ul#hoofdmenu												{ position:relative; z-index:2;background:url(../../sitefiguren/menu.png); height:71px; list-style:none; margin:0; padding:0; padding-top:9px; font-weight:400; display:block;margin-top:0px;}
ul#hoofdmenu li.midden							{ float:left;margin:0px; margin-left:10px; padding:17px 14px; width:132px; height:34px; list-style:none; background:url(../../sitefiguren/zegel.png);}
ul#hoofdmenu li.midden a						{ background:#d2d0bd; color:#47b; display:inline-block; line-height:22px; height:22px; width:126px; margin:0px; padding:4px; text-align:center; text-decoration:none; text-shadow: #fee 1px 1px 2px; font-size: 18px;}
ul#hoofdmenu li.midden a:hover,
ul#hoofdmenu li.midden:hover a			{ background:#d2d0bd; color:#e18862; text-decoration:none;}
ul#hoofdmenu li.midden a.huidig		{ background:#d2d0bd; color:#496; text-decoration:none; }
ul#hoofdmenu p											{ clear:left; }

img.picto						{  margin-right: 8px; padding-top: 10px; float:left;}
.pictoleeg					{  margin-right: 20px; float:left;}
.divlinks						{ display:inline-block; float:left; width: 0%;min-width:0px; background-color: #900;}
.divrechts					{ display:inline-block; width:98%; text-align:center;margin:auto; }

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .kopmidden					{ position: relative; margin:0 auto; width: 100%;  height: 140px;  background:#383838 url(ag-p1.png); background:#404c00 url(kop.png) 50% no-repeat; }
  .voetmidden					{ width: 100%; margin:auto; background:#383838 url(ag-p1.png); height:100px; color:#fff; text-shadow: #666 2px 2px 8px;}
  div.midden					{ background:#222 url(kartel-voet.png) center top repeat-x; margin:0px auto 0px; width: 100%; border: 0px solid #aaa;}

}

.meer								{ display: block; border:1px dotted #ddd; background:#f8f8f8; padding: 10px; }
.meer1							{ display: none; border:1px dotted #fdd; background:#f8f8ff; padding: 10px; }
.broodkruimels			{ display: inline-block; height:27px; line-height:27px; width:800px; font-size: 14px;}
.brood-eerste				{ display: inline-block; background:url(brood1-l.png) top left; width:10px; height:27px;}
.brood-midden				{ display: inline-block; background:url(brood1-m.png) top; height:27px; line-height:27px; padding-left:4px; padding-right:4px;}
.brood-midden span	{ float: left; line-height:27px;}
.brood-midden span:hover	{ font-weight:normal;}
.brood-aan-midden		{ display: inline-block; background:url(brood2-m.png) top; height:27px; line-height:27px; padding-left:4px; padding-right:4px;}
.brood-aan-midden span	{ float: left; line-height:27px; font-weight:bold;}
.brood-tussen-l			{ display: inline-block; background:url(brood1-r.png) top left; width:14px; height:27px;}
.brood-tussen-m			{ display: inline-block; background:url(brood-tussen.png) top left; margin-left:-13px; width:13px; height:27px;}
.brood-tussen-r			{ display: inline-block; background:url(brood2-l.png) top left; margin-left:-14px; width:14px; height:27px;}
.brood-laatste			{ display: inline-block; background:url(brood2-r.png) top left; width:29px; height:27px;}
.beveiliging				{ position:absolute; display:block; border:4px solid #6c4; padding:4px; background:#261; color:#fff; z-index:10;right:2%; top:0px;}

/* ------------------------------------------------------------------------------------------------------- */
div.info-plaats			{ position: fixed; width: 100%; height: 50px; z-index: 9; display: none;}
div.info-inhoud			{ opacity: 0.8; margin: auto; color: #fff; width: 90%; background: #024; position: relative; line-height: 40px; height: 50px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; -moz-border-radius:0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;  }
.socializeklik			{ background: rgba(200,200,200,0.5) url(../../picto/arrow-transition.png) center no-repeat; width:24px;height:30px; display: block; color: #fff; margin-bottom: 10px; position: fixed; left: 0px; bottom: 0px; z-index:10; -moz-border-radius:0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; -moz-box-shadow: 1px 1px 4px #444; -webkit-box-shadow: 1px 1px 4px #444; box-shadow: 1px 1px 4px #444;}
.socializeklik:hover {  background: rgba(255,255,255,1) url(../../picto/arrow-transition-180.png) center no-repeat;}
div.socialize				{ display: none; color: #fff; height: 100%; bottom: 0px; overflow: hidden; background: rgba(40,60,80,0.7); position: fixed; width: 34px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; z-index: 2;}
.siteklik						{ background: rgba(200,200,200,0.5) url(../../picto/arrow-transition-270.png) center no-repeat; width:30px;height:24px; display: block; color: #fff; margin-left: 30px; position: fixed; left: 0px; top: 0px; z-index:10; -moz-border-radius:0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -moz-box-shadow: 1px 1px 4px #444; -webkit-box-shadow: 1px 1px 4px #444; box-shadow: 1px 1px 4px #444;}
.siteklik:hover			{ background: rgba(255,255,255,1) url(../../picto/arrow-transition-090.png) center no-repeat;}
div.naarboven				{ position:fixed;  width:27px; bottom:0px; right:49%; z-index:100;}
a.naarboven					{ opacity: 0.5; text-decoration:none; background:url(naarboven.png); width:27px; height:25px; display:inline-block;}
a.naarboven:hover		{ opacity: 1;}
div.admin						{ position:fixed;  width:16px; bottom:0px; left:6px; z-index:100;}
a.admin							{ text-decoration:none; background: url("../../picto/user.png") no-repeat center center; width:16px; height:16px; display:inline-block; opacity: 0.5;  color: #fff;}
a.admin:hover				{ opacity: 1;}
.vast								{ position:absolute; z-index:91;}
.vlinks							{ right:0px;}
.vrechts						{ left:0px;}
.lijnen							{ border-top:1px solid #999; border-bottom:1px solid #999;}
a.contact						{ color:#fff;}
a.contact:hover			{ color:#df882f;}

/* vensterranden */
.nlicht							{ border:1px solid #f0f0f0; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.ndonker						{ border:1px solid #999999; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;}
.blicht							{ border:1px solid #f0f0f0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.bdonker						{ border:1px solid #999999; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;}
.randlicht					{ padding:0; border:1px solid #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.randdonker					{ padding:0; border:1px solid #999999; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px;}
.alicht							{ background: #f5f5f5;}
.adonker						{ background: #cccccc;}
.anormaal						{ background:#e0e0e0;}
.alichter						{ background:#ececec;}
.areactie						{ background:#f5fcfc;}
.waarschuwing				{ padding:10px; padding-left:60px; background:#151010 url(waring-48.png) no-repeat 8px; color:#ee5522; font-size:120%; font-weight:bold; border:1px solid #442211; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.picto-info								{ padding:10px; padding-left:60px; background:#d1faff url(info-48.png) no-repeat 4px; color:#002288; font-size:120%; font-weight:bold; border:1px solid #66aaff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.fout								{ margin-bottom:4px; padding:10px; padding-left:60px; background:#ffd1d1 url(delete-48.png) no-repeat 8px; color:#880000; font-size:120%; font-weight:bold; border:1px solid #ff6666; border-radius: 6px; -moz-border-radius: 6px;}
.kopje							{ display:block; background:url(kopje.png); height:37px; line-height:37px; padding-left:5px; padding-right:5px; font-size:120%; font-weight:bold; border-top:1px solid #b5b5b5; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;}
.koptekst						{ text-align:center; font-size:160%; font-weight:bold; padding-top:4px; text-shadow: #cce 1px 1px 0; color:#002;}
.p2 								{ padding:2px;}
.p4, .padding4			{ padding:4px;}
.p8 								{ padding:8px;}
.p16 								{ padding:16px;}
.p32, .padding32		{ padding:32px;}
.p64 								{ padding:64px;}
.witregel						{ margin-top:10px; padding-top:8px; border-top:1px dashed #999;}
.schuin							{ font-style: italic; font-size: 90%;}
/* Fotoalbum en plaatjes */
p img, ul.gallery li img, .foto, .foto8, .foto16	{ margin:4px; color:#000; max-height:100px; max-width:160px;	border:2px solid #000;	padding:4px;	background-color:#000;	border-radius: 6px;	-webkit-border-radius: 6px;  -moz-border-radius: 6px;	-moz-box-shadow: 1px 1px 2px #666;	-webkit-box-shadow: 1px 1px 2px #666;	box-shadow: 1px 1px 4px #444;}
.foto8 							{ padding:8px;}
.foto16 						{ padding:16px;}
p img:hover, ul.gallery li img:hover, .foto:hover, .foto8:hover,.foto16:hover	{	border:2px solid #fb4;	background-color:#df882f;	color:#fff;	-moz-box-shadow: none;	-webkit-box-shadow: none;	box-shadow: none; opacity:0.9;}
div.schoon					{	clear:both;}
.clear               { clear: both;}
.fl                  { float: left !important;}
.fr                  { float: right !important;}

/*----------------------------- tabel ------------------------------------------------------*/
a.tabel_algemeen				{	display:block;	color:#246;	line-height:30px;}
a.tabel_algemeen:hover	{	display:block;	color:#fff;}
a.tabel_wis							{	background-image:url(wis.png);	width:24px;	height:24px;	display:block;}
a.tabel_wis:hover				{	background-image:url(wis_over.png);}
a.tabel_wis span				{ display:none;}
a.tabel_bewerk					{	background-image:url(bewerk.png);	width:24px;	height:24px;	display:block;}
a.tabel_bewerk:hover		{	background-image:url(bewerk_over.png);}
a.tabel_bewerk span			{ display:none;}
div.tabeltitel					{ text-shadow: #eef 1px 1px 0; padding-top:8px; font-size:150%; height:18px; text-align:center;}
div.tabelinhoud					{ display:block; overflow:auto; 	height:520px;	background-color:transparent;}
table.tabel_algemeen		{ font-family: 'Pathway Gothic One', 'Lato', Calibri, Arial, sans-serif; font-size:100%; background-color:transparent;}
td.tabel_algemeen				{ text-align:left; padding-left:2px; padding-right:2px; border-bottom:1px solid #999; overflow:hidden; }
th											{ text-align:left;}
a.tabel_algemeen				{ color:#000;}
a.tabel_algemeen:hover	{ color:#fff;		font-weight:bolder;}
tr.tabel_algemeen				{ color:#000;	height:30px;	background:#eee url(regel_even.png);}
tr.tabel_algemeenover		{ color:#fff;	height:30px;	background-image:url(regel_over.png);}
th.tabel_kop						{ height:30px;	border-top:1px solid #eee;	border-bottom:1px solid #999; font-family:Monda, Verdana; font-size:14px;}
td.tabel_extra					{ height:30px;	border-bottom:1px solid #999;	padding: 2px 8px;}
td											{ vertical-align: middle;}

/* -------------- BUTTONS * -------------*/
.button              { display:inline-block; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  -khtml--border-radius: 5px; border-radius: 5px;  padding: 2px 4px;  line-height:16px;  text-transform: capitalize;  text-decoration: none;  font-weight: bold;  text-shadow: 0 0 0;  -moz-box-shadow: 0 1px 2px #343434;  -webkit-box-shadow: 0 1px 2px #343434; box-shadow: 0 1px 2px #343434;  cursor: pointer;  background-color: #ffffff; text-align:center;}
.knop10              { -moz-border-radius: 5px;  -webkit-border-radius: 5px;  -khtml--border-radius:5px; border-radius: 5px;  margin-right: 3px;  padding: 2px 4px;  line-height:12px;  height: 12px;  text-transform: capitalize;  text-decoration: none;  font-weight: bold;  font-size: 10px;  -moz-box-shadow: 0 1px 2px #343434;  -webkit-box-shadow: 0 1px 2px #343434; box-shadow: 0 1px 2px #343434;  cursor: pointer;  background-color: #ffffff; text-shadow:#888 0px 0px;}
.big                 { font-size: 15px;  padding: 8px 15px;}
.white               { background: #dfdfdf url("back_white.jpg") repeat-x left top;  border: 1px solid white;}
.white:hover         { background: white url("back_white_hover.jpg") repeat-x left top;}
.red                 { background: #940101 url("back_red.jpg") repeat-x left top;  color: white !important;  border: 1px solid #eb0000;}
.red:hover           { background: #cb0000 url("back_red_hover.jpg") repeat-x left top;}
.black               { background: #141213 url("back_black.jpg") repeat-x left top;  color: white !important; border: 1px solid black;}
.black:hover         { background: #d83 url("back_black_hover.jpg") repeat-x left top; border: 1px solid #d83;}
.themed              { background: #0669af url("back_blue.jpg") repeat-x left top;  color: white !important;  border: 1px solid #2a9fee;}
.themed:hover        { background: #248bd0 url("back_blue_hover.jpg") repeat-x left top;}
.green               { background: #6bb004 url("back_green.jpg") repeat-x left top;  color: white !important;  border: 1px solid #6bb004;}
.green:hover         { background: #8bd024 url("back_green_hover.jpg") repeat-x left top;}
.grey                { background: #bababa url("back_grey.jpg") repeat-x left top;  border: 1px solid #e3e3e3;}
.grey:hover          { background: #e3e3e3 url("back_grey_hover.jpg") repeat-x left top;}
.icon_single         { width: 16px;  height: 16px;  display: block;}
.icon_text           { width: 16px;  height: 16px;  float:left;  margin-right: 5px; }
.icon_knop           { width: 16px;  height: 16px;  float:left;  margin-right: 5px; margin-top: 4px; }
.hand                { cursor: pointer;}
.uitgeschakeld       { opacity: 0.3;}
/* ---------------- Pictogrammen --------------------------- */
.picto48             { margin-top: -10px; float:right; margin-left: 2px; margin-right: 4px; }
.p-toevoegen         { background: url("../../picto/add-sticker.png") no-repeat center center; }
.p-datum             { background: url("../../picto/calendar.png") no-repeat center center; }
.p-bewerk            { background: url("../../picto/pencil-sticker.png") no-repeat center center; padding-left: 16px; }
.p-wis               { background: url("../../picto/delete.png") no-repeat center center; padding-left: 16px; }

.p-admin             { background: url("../../picto/user.png") no-repeat center center; }
.p-agenda            { background: url("../../picto/calendar-select-days.png") no-repeat center center; }
.p-algemeen          { background: url("../../picto/switch.png") no-repeat center center; }
.p-avatar            { background: url("../../picto/avatar.png") no-repeat center center; }
.p-blog              { background: url("../../picto/balloon.png") no-repeat center center; }
.p-categorie         { background: url("../../picto/chain.png") no-repeat center center; }
.p-config            { background: url("../../picto/gear.png") no-repeat center center; }
.p-dashboard         { background: url("../../picto/dashboard.png") no-repeat center center; }
.p-database          { background: url("../../picto/database.png") no-repeat center center; }
.p-de                { background: url("../../picto/de.png") no-repeat center center; }
.p-es                { background: url("../../picto/es.png") no-repeat center center; }
.p-formulier         { background: url("../../picto/clipboard-text.png") no-repeat center center; }
.p-fotoalbum         { background: url("../../picto/photo-album.png") no-repeat center center; }
.p-ftp               { background: url("../../picto/ftp.png") no-repeat center center; }
.p-ftpbestand        { background: url("../../picto/ftpbestand.png") no-repeat center center; }
.p-gb                { background: url("../../picto/gb.png") no-repeat center center; }
.p-gebruiker         { background: url("../../picto/user.png") no-repeat center center; }
.p-gebruikers        { background: url("../../picto/users.png") no-repeat center center; }
.p-help              { background: url("../../picto/lifebouy.png") no-repeat center center; }
.p-home              { background: url("../../picto/home.png") no-repeat center center; }
.p-it                { background: url("../../picto/it.png") no-repeat center center; }
.p-link              { background: url("../../picto/chain.png") no-repeat center center; }
.p-logout            { background: url("../../picto/logout.png") no-repeat center center; }
.p-mail              { background: url("../../picto/mail.png") no-repeat center center; }
.p-menu              { background: url("../../picto/menu.png") no-repeat center center; }
.p-module            { background: url("../../picto/block.png") no-repeat center center; }
.p-nieuws            { background: url("../../picto/newspaper.png") no-repeat center center; }
.p-nl                { background: url("../../picto/nl.png") no-repeat center center; }
.p-opties            { background: url("../../picto/opties.png") no-repeat center center; }
.p-pagina            { background: url("../../picto/pagina.png") no-repeat center center; }
.p-preview           { background: url("../../picto/preview.png") no-repeat center center; }
.p-reactie           { background: url("../../picto/balloons.png") no-repeat center center; }
.p-site              { background: url("../../picto/globe.png") no-repeat center center; }
.p-sitegegevens      { background: url("../../picto/sitemap.png") no-repeat center center; }
.p-taal              { background: url("../../picto/language.png") no-repeat center center; }
.p-thema             { background: url("../../picto/palette.png") no-repeat center center; }
.p-uploaden          { background: url("../../picto/uploaden.png") no-repeat center center; }
.p-zoek              { background: url("../../picto/zoek.png") no-repeat center center; }

.p-links-nav         { background: url("../../picto/navigate_left.png") no-repeat center center; padding-left: 16px; }
.p-rechts-nav        { background: url("../../picto/navigate_right.png") no-repeat center center; padding-left: 16px; }
.p-eerste-nav        { background: url("../../picto/navigate_beginning.png") no-repeat center center; padding-left: 16px; }
.p-laatste-nav       { background: url("../../picto/navigate_end.png") no-repeat center center; padding-left: 16px; }
.p-boven-nav         { background: url("../../picto/navigate_up.png") no-repeat center center; padding-left: 16px; }
/* ---------------- Einde pictogrammen --------------------------- */
.navtext             {/* width:235px; */font-size:12px; border:1px solid #000; background-color:#412;color:white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 6px #222; -webkit-box-shadow: 0 0 6px #222; box-shadow: 0 0 6px #222;}

/*  formulier  */
input[type='text'], textarea		{ -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 5px; background: -webkit-linear-gradient(#dcdcdc, #fafafa); background: -moz-linear-gradient(#dcdcdc, #fafafa); background: -ms-linear-gradient(#dcdcdc, #fafafa); background: -o-linear-gradient(#dcdcdc, #fafafa); background: linear-gradient(#dcdcdc, #fafafa); -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; border: 1px solid #a0a0a0; height:25px; line-height:25px; text-indent:7px; width:98%; }
input[type='text']:focus, textarea:focus { outline:none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); background: -webkit-linear-gradient(#bebebe, #f0f0f0); background: -moz-linear-gradient(#bebebe, #f0f0f0); background: -ms-linear-gradient(#bebebe, #f0f0f0); background: -o-linear-gradient(#bebebe, #f0f0f0); background: linear-gradient(#bebebe, #f0f0f0); border: 1px solid #808080; color:#048; font-weight: 400; }
/* formulier -------------------------- */
.checktitel								{ display: inline-block;  border: 1px solid #002;  -moz-border-radius:0 5px 5px 0;  -webkit-border-radius:0 5px 5px 0;  border-radius: 0 5px 5px 0;  padding: 2px 8px 2px 8px;  background: #444474; color: white;height: 18px; }
.blok                			{ background:#f2f2f2 url(input-ag.png) repeat-x;  width: 98%;  min-height: 60px;}
.inline              			{ display: inline-block;}
select               			{ margin-top: -1px;  margin-left: -0.5px;}
input.cmssubmit      			{ cursor:pointer;  display:inline-block;  height:24px;  margin:2px;  padding:0px;  padding-left:8px;  padding-right:8px;  padding-bottom:4px;  background-image:url(knop_ag.png);  background-position:top center;  color:#444;  font-size:12px;  border:1px solid #ddd;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius:4px;  -moz-box-shadow: 0px 1px 1px #666;  -webkit-box-shadow: 0 1px 1px #666;  box-shadow: 0 1px 1px #666;}
input.cmssubmit:hover 		{ cursor:pointer;  display:inline-block;  background-image:url(knop_ag_over.png);  color:#28d;  border:1px solid #4eb1cd;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  -moz-box-shadow: 0px 1px 2px #4eb1cd;  -webkit-box-shadow: 0 1px 4px #48e;  box-shadow: 0 1px 4px #69f;}
.rand                			{ border:2px solid #069;  padding:4px;}
.kader               			{ background-color:#ced4dc;  border-top:2px solid #666;  border-left:2px solid #666;  border-bottom:2px solid #fff;  border-right:2px solid #fff;  padding:2px;}
#formulier           			{ text-align:left;}
#formulier fieldset  			{ outline:0; margin:0; padding:0; border:0;}
#formulier legend 				{}
#formulier label     			{ background:#024; color:#fff; margin:0 8px 0 8px; padding:4px 8px; font-family :'Monda', Verdana, Arial, sans-serif;  font-weight: normal; font-size: 12px;	-moz-border-radius: 5px 5px 0 0 ;	-webkit-border-radius: 5px 5px 0 0 ;	-o-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0;}
#formulier input[type="submit"]         { }
#formulier textarea                    	{ height:100px;  width:510px;}
#formulier input[type="checkbox"]				{ display:inline-block;}
#formulier input[type="radio"]         	{ float:left; background:#f00;}
#formulier #scaptcha                   	{ width:60px;  height:18px;}
#formulier .error                      	{ font-family: Verdana, Arial, sans-serif; color: #fff; padding: 2px 8px 2px 28px;  background: #f66 url(fout16.png)  4px no-repeat; border:1px solid #d44;  -moz-border-radius: 0 0 5px 5px;  -webkit-border-radius: 0 0 5px 5px;  -khtml-border-radius: 0 0 5px 5px;  border-radius: 0 0 5px 5px;}
#formulier .verplicht                  	{ color:#f40; margin-left:4px;}
#formulier .short_explanation          	{ font-family : Arial, sans-serif;   font-size: 0.6em;   color:#333;   }
#formulier select, #formulier option   	{ margin-top:4px; min-width:100px;}
#formulier td                          		{ padding-right:10px; vertical-align:top;}
.f-cmsinvoer							{ margin-top:0px; margin:0 8px 8px 8px;}
.f-container							{ display:block; -moz-border-radius:5px; -webkit-border-radius:5px;	-o-border-radius:5px; border-radius:5px; padding:8px;}
.f-fout										{ border: 2px solid #900; background: #fcc;}
.f-titel									{ background:#024; color:#fff; padding:4px 8px; font-weight: normal; font-size: 12px;	-moz-border-radius: 5px 5px 0 0 ;	-webkit-border-radius: 5px 5px 0 0 ;	-o-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0; }
.f-form										{ -webkit-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 2px white, 0 1px 2px rgba(0, 0, 0, .2); -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 5px; background: -webkit-linear-gradient(#dcdcdc, #fafafa); background: -moz-linear-gradient(#dcdcdc, #fafafa); background: -ms-linear-gradient(#dcdcdc, #fafafa); background: -o-linear-gradient(#dcdcdc, #fafafa); background: url(../../picto/plus.png) no-repeat center right, linear-gradient(#dcdcdc, #fafafa); -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; border: 1px solid #a0a0a0; height:25px; line-height:25px; padding-right: 20px; }
#weergave label						{	display: inline-block; 	border: 1px solid #002;	-moz-border-radius: 5px 5px 0 0 ;	-webkit-border-radius: 5px 5px 0 0 ;	-o-border-radius: 5px 5px 0 0 ; border-radius: 5px 5px 0 0  ;	padding: 2px 8px 2px 8px;	background: #fff; /* #335599; */		color: #000;}
.f-weergeven 							{ display: block; width: 92%;	border: 1px solid #999999;	-moz-border-radius: 0 5px 5px 0;	-webkit-border-radius: 0 5px 5px 0;	-o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;	padding: 4px 10px 4px 10px;	background: #eeeeee;	line-height: 16px; min-height: 16px;	color: black;	margin-bottom: 10px;}
.f-blok 									{	background:#f2f2f2 url(input-ag.png) repeat-x;	width: 98%;	min-height: 60px;}
.f-radius    							{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.f-rand				            { border: 1px solid #444;}
.f-schaduw					      { -moz-box-shadow: 0 0 8px #222; -o-box-shadow: 0 0 8px #222; -webkit-box-shadow: 0 0 8px #222; box-shadow: 0 0 8px #222;}
.f-invoer									{	background: #ffd1d1 url("error_small.png") no-repeat 7px center; padding: 3px;	padding-left: 25px;	-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px;	border-radius: 0 0 6px 6px;border: 1px solid #f8acac;	color: #a20000; }
.f-formtabel							{ border:0px solid #f00;}
.formkop									{ margin:10px 8px 0; padding:2px 8px; background:#226699; color:#fff; text-shadow:1px 1px 2px #000; font-size:180%;	-webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0;	border-radius:6px 6px 0 0;}
.formblok									{ margin:0px 8px; border:1px solid #226699; padding:8px 4px; border-bottom:4px solid #226699;}
.eenvoudig								{ width:100%; background:#ddd;}
.eenvoudig tr.even				{ background:#ffe;}
.eenvoudig tr.oneven			{ background:#eff;}
.eenvoudig td							{ font-family: 'Pathway Gothic One', 'Lato', Calibri, Arial, sans-serif; padding:2px 8px; font-size:105%;}
.fkader										{ border:1px solid #c62; padding:10px; background:#ffe; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -o-border-radius:0 0 6px 6px; 	border-radius:0 0 6px 6px; padding-left:60px; background:#ffe url(warning-48.png) no-repeat 4px;}
.verwijder								{ border:1px solid #c62; width:100%; font-size:20px; background:#820; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; 	border-radius:6px; cursor:pointer;}
.verwijder:hover					{ color:#920; background:#f82;}
.fkop											{ -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; 	border-radius:6px 6px 0 0; background:#c62; color:#fff; padding:2px 8px;}
/* ---------- Kalender --------------------------------------------------------------- */
.hide								{ display: none;}
.show								{ display: block;}
#divkalender td			{ width: 30px; height: 30px; text-align: center; vertical-align: middle;}
.kdag								{ background: #fff; height: 100%; line-height: 100%; width: 100%; border: 1px solid #999;}
.kdag:active				{ background: #dfd; border: 1px solid #797;}
.kdag:hover					{ background: #ddf; border: 1px solid #779;}
.nudag							{ background: #dfd; border: 1px solid #797;}
#divkalender				{ background: #eee; border: 1px solid #ccc;-moz-box-shadow: 1px 2px 4px #888; -webkit-box-shadow: 1px 2px 4px #888; box-shadow: 1px 2px 4px #888;	-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px;	border-radius: 6px; padding: 6px; width:220px; height:280px; }
/* ---------------- Einde kalender --------------------------- */
/* Hoofdmenu ---------------------------------------------------------------------------------------------- */
div#menuachter						{ background: #222 url(kartel-voet.png) center top repeat-x; width:100%; margin:auto; height:80px; text-align:center; vertical-align:middle;padding:0px;padding-top:20px;position:relative;}
ul#nav 										{  margin:auto; width:1200px;display:block; position: absolute;font-family:"nunito",sans-serif,Trebuchet MS; font-size:0; padding:5px 5px 5px 0; background: -moz-linear-gradient(#b5b5b5, #848484); /* FF 3.6+ */  background: -ms-linear-gradient(#b5b5b5, #848484); /* IE10 */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b5b5), color-stop(100%, #848484)); /* Safari 4+, Chrome 2+ */  background: -webkit-linear-gradient(#757575, #444444); /* Safari 5.1+, Chrome 10+ */  background: -o-linear-gradient(#b5b5b5, #848484); /* Opera 11.10 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 & IE7 */  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */  background: linear-gradient(#b5b5b5, #8484884); /* the standard */ }
ul#nav,ul#nav ul 				{list-style:none; margin:0;}
ul#nav,ul#nav .subs 			{background-color:#444; border:1px solid #454545; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
ul#nav .subs 							{background-color:#444; border:2px solid #222; display:none; float:left; left:0; padding:0 6px 6px; position:absolute; top:100%; width:200px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;box-shadow:2px 2px 4px #222;z-index:100;}
ul#nav li:hover>* 				{display:block;}
ul#nav li:hover 					{position:relative;}
ul#nav ul .subs 					{left:100%; position:absolute; top:0;}
ul#nav ul 								{padding:0 5px 5px;}
ul#nav .col 							{float:left; width:50%;}
ul#nav li 								{display:block; float:left; font-size:0; white-space:nowrap;}
ul#nav>li,ul#nav li 			{margin:0 0 0 2px;}
ul#nav ul>li 							{margin:5px 0 0;}
ul#nav a:active,ul#nav a:focus {outline-style:none;}
ul#nav a 									{border-style:none; border-width:0; color:#ccc; cursor:pointer; display:block; font-size:13px; font-weight:bold; padding:8px 18px; text-align:left; text-decoration:none; text-shadow:#111 0 1px 1px; vertical-align:middle;}
ul#nav ul li 							{float:none; margin:6px 0 0;}
ul#nav ul a 							{width:100%;background-color:#444; border-color:#555; border-style:solid; border-width:0 0 1px; color:#ccc; font-size:11px; padding:4px; text-align:left; text-decoration:none; text-shadow:#111 0 0 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
ul#nav li:hover>a 				{background:#222;border-style:none; color:#ccc; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:#181818 0 1px 1px;}
ul#nav img 								{border:none; margin-right:8px; vertical-align:middle;}
ul#nav span 							{background-position:right center; background-repeat:no-repeat; display:block; overflow:visible; padding-right:0;}
ul#nav ul span 						{background-image:url("../../images/arrow.png"); padding-right:20px;}
ul#nav ul li:hover>a 			{border-color:#444;border-style:solid; color:#999; font-size:11px; text-decoration:none; text-shadow:#111 0 0 0;}
ul#nav > li >a 						{background-color:transpa; height:25px; line-height:25px; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px;}
ul#nav > li:hover > a 		{background-color:#313638; line-height:25px;}

/*-----------------------------------*/
/* Main Menu */
/*-----------------------------------*/

/* Level 0 */

.dropdown-wrap{display: inline-block;}
.dropdown *{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float:none;
}
.dropdown-wrap,
.widget_search.styled,
.widget_profile{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 16px 20px -8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 16px 20px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 16px 20px -8px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px;
    margin-top: 20px;
    margin-left: 20px;
  height:400px;
  line-height:20px;
}

@media (min-width: 768px) {
  .dropdown-wrap {
     height: 40px;
    width:inherit;
 }
.boxed-velvet .dropdown,
.boxed-velvet.widget_search.styled .inner,
.widget_profile .inner{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.ie8 .dropdown{filter:none;}

.dropdown > li {
  float:left;
  position: relative;
  border-left:1px solid #4c525b;
  border-right:1px solid #21252c;
}
.dropdown > li.first {border-left: 0 none;}
.dropdown > li.last {border-right: 0 none;}

@media (max-width: 991px){
    .dropdown > li{border: 0 none;}
}
.dropdown > li a {
	display: block;
	color: #d3d4d5;
  font-family: "Nunito", "Monda", "Roboto", "arial", "verdana";
  font-weight:bold;
  text-shadow: 0 1px 1px rgba(45,51,58,0.8);
  /* text-transform: uppercase; */
  padding: 9px 9px;
}
.dropdown > li:hover > a{
    color: #fff;
    text-shadow:0 1px 1px rgba(89,27,7,0.43);
    background: rgb(222,144,73);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlOTA0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjY2Q2YzM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYmY1MTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5NjEyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(222,144,73,1) 0%, rgba(205,108,54,1) 7%, rgba(191,81,32,1) 94%, rgba(201,97,40,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,144,73,1)), color-stop(7%,rgba(205,108,54,1)), color-stop(94%,rgba(191,81,32,1)), color-stop(100%,rgba(201,97,40,1)));
    background: -webkit-linear-gradient(top,  rgba(222,144,73,1) 0%,rgba(205,108,54,1) 7%,rgba(191,81,32,1) 94%,rgba(201,97,40,1) 100%);
    background: -o-linear-gradient(top,  rgba(222,144,73,1) 0%,rgba(205,108,54,1) 7%,rgba(191,81,32,1) 94%,rgba(201,97,40,1) 100%);
    background: -ms-linear-gradient(top,  rgba(222,144,73,1) 0%,rgba(205,108,54,1) 7%,rgba(191,81,32,1) 94%,rgba(201,97,40,1) 100%);
    background: linear-gradient(to bottom,  rgba(222,144,73,1) 0%,rgba(205,108,54,1) 7%,rgba(191,81,32,1) 94%,rgba(201,97,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de9049', endColorstr='#c96128',GradientType=0 );
    margin-left: -1px;
    padding-right: 18px;
    border-left:1px solid #d3773d;
    border-right:1px solid #ce692e;
}

/* Level 1+ */

.dropdown > li:hover > ul{
	top:38px;
	left:-1px;
    padding-top: 1px;
}
.ie8 .dropdown > li:hover > ul{padding-top: 0;}

.dropdown ul{
	position: absolute;
	top:-9999px;
	left:-9999px;
	z-index: 9499;
	width:156px;
}
.dropdown ul li{
	position: relative;
	zoom: 1;
}
.dropdown ul li.first{
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}
.dropdown ul li.first > a{
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}
.dropdown ul li.last, .dropdown ul li.last > a{
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
}
.dropdown ul li.last{
    -webkit-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.2);
}
.dropdown ul li{
    background: url(images/cusel-bg-1.png) left top repeat-x;
}
.dropdown ul li:hover{
    background: url(images/cusel-bg-2.png) left top repeat-x;
}
.ie8 .dropdown ul li:hover{filter:none;}

.dropdown ul a{
	display: block;
	font-size: 10px;
	text-transform: none;
	color: #d3d4d5;
	text-shadow: none;
	padding: 5px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown ul a:hover{
	color: #fff;
}
.dropdown ul li:hover > ul{
	position: absolute;
	top:0px;
	left:154px;
	width:156px;
	padding-left: 4px;
	background-color: rgba(255,255,255,0);
}

.menu-level-0 {

}

.boxed-velvet {
    background: url(images/bg-widget2.png) repeat;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 5px 5px 22px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 22px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 22px -2px rgba(0, 0, 0, 0.5);
    border-top:1px solid #5e6771;
    border-left:1px solid #525B68;
}
.boxed-velvet .inner{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.16)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29ffffff', endColorstr='#00ffffff',GradientType=0 );
    height:38px;
}

.huidig {     background: rgb(69,100,30);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlOTA0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjY2Q2YzM2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjYmY1MTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5NjEyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(69,100,30,1) 0%, rgba(52,130,54,1) 7%, rgba(50,140,32,1) 94%, rgba(30,146,40,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,100,30,1)), color-stop(7%,rgba(52,130,54,1)), color-stop(94%,rgba(50,140,32,1)), color-stop(100%,rgba(30,146,40,1)));
    background: -webkit-linear-gradient(top,  rgba(69,100,30,1) 0%,rgba(52,130,54,1) 7%,rgba(50,140,32,1) 94%,rgba(30,146,40,1) 100%);
    background: -o-linear-gradient(top,  rgba(69,100,30,1) 0%,rgba(52,130,54,1) 7%,rgba(50,140,32,1) 94%,rgba(30,146,40,1) 100%);
    background: -ms-linear-gradient(top,  rgba(69,100,30,1) 0%,rgba(52,130,54,1) 7%,rgba(50,140,32,1) 94%,rgba(30,146,40,1) 100%);
    background: linear-gradient(to bottom,  rgba(69,100,30,1) 0%,rgba(52,130,54,1) 7%,rgba(50,140,32,1) 94%,rgba(30,146,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de9049', endColorstr='#c96128',GradientType=0 );
}
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/