/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu,
ul.nice-menu ul {
}

ul.nice-menu li {
}

ul.nice-menu a {
}

ul.nice-menu ul {
}

ul.nice-menu ul li {
}


/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -26px; /*Verticale afstand tabs tov content blok*/
/*    height: 3.25em; */
    height: 2.65em;
}

ul.nice-menu-down li {
    float: left;
    list-style: none;
    margin: 0;
/*    padding: .25em .25em 0; */
    height: 2em;
    /*overflow: hidden; */
    position: relative;
    z-index: 1;
  /*  border-bottom: 1px solid #FFF;*/
    width: 120px;
/*	font-size:large; */
	font-size: medium;
	text-transform:uppercase;
}

/* OUD (Turqois): ul.nice-menu-down a {
    float: left;
    height: 2em;
	width: inherit;
    line-height: 2em;
    border-bottom: 0;
    padding: 0 10px;
    color: #FFF;
    text-decoration: none;
    /*-webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0; */
/*	background: #00d9ec; /*fallback for non-CSS3 browsers*/
/*    background: -webkit-gradient(linear, 0 0, 0 70%, from(#00d9ec), to(#008792)); /*old webkit*/
/*    background: -webkit-linear-gradient(#00d9ec, #008792 70%); /*new webkit*/
/*    background: -moz-linear-gradient(#00d9ec, #008792 70%); /*gecko*/
/*    background: -ms-linear-gradient(#00d9ec, #008792 70%);  /*IE10*/
/*    background: -o-linear-gradient(#00d9ec, #008792 70%);  /*opera 11.10+*/
/*    background: linear-gradient(#00d9ec, #008792 70%);   /*future CSS3 browsers*/
/*    -pie-background: linear-gradient(#00d9ec,#008792);  /*PIE*/
/*	behavior: url(../../../../../PIE.htc);
   /* border: 3px solid #CCC;   Weggehaald ivm lelijke rand-hoeken*/
/*}*/

ul.nice-menu-down a {
    float: left;
    height: 2em;
	width: inherit;
    line-height: 2em;
    border-bottom: 0;
    padding: 0 10px;
    color: #FFF;
    text-decoration: none;
    /*-webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0; */
	background: #7F7066; /*fallback for non-CSS3 browsers*/
    /*background: -webkit-gradient(linear, 0 0, 0 70%, from(#00d9ec), to(#008792)); /*old webkit*/
    /*background: -webkit-linear-gradient(#00d9ec, #008792 70%); /*new webkit*/
    /*background: -moz-linear-gradient(#00d9ec, #008792 70%); /*gecko*/
    /*background: -ms-linear-gradient(#00d9ec, #008792 70%);  /*IE10*/
    /*background: -o-linear-gradient(#00d9ec, #008792 70%);  /*opera 11.10+*/
    /*background: linear-gradient(#00d9ec, #008792 70%);   /*future CSS3 browsers*/
    /*-pie-background: linear-gradient(#00d9ec,#008792);  /*PIE*/
	/*behavior: url(../../../../../PIE.htc);
   /* border: 3px solid #CCC;   Weggehaald ivm lelijke rand-hoeken*/
}

/* OUD (Groen): ul.nice-menu-down a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#3a5600), to(#87db00));
    background: -webkit-linear-gradient(#3a5600, #87db00 70%);
    background: -moz-linear-gradient(#3a5600, #87db00 70%);
    background: -ms-linear-gradient(#3a5600, #87db00 70%);
    background: -o-linear-gradient(#3a5600, #87db00 70%);
    background: linear-gradient(#3a5600, #87db00 70%);
    -pie-background: linear-gradient(#3a5600, #87db00 70%);
	behavior: url(../../../../../PIE.htc);
	color:#3a5600;
}*/

ul.nice-menu-down a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#7F7066), to(#D3AB98));
    background: -webkit-linear-gradient(#7F7066, #D3AB98 70%);
    background: -moz-linear-gradient(#7F7066, #D3AB98 70%);
    background: -ms-linear-gradient(#7F7066, #D3AB98 70%);
    background: -o-linear-gradient(#7F7066, #D3AB98 70%);
    background: linear-gradient(#7F7066, #D3AB98 70%);
    -pie-background: linear-gradient(#7F7066, #D3AB98 70%);
	behavior: url(../../../../../PIE.htc);
}

/*Dit is de aktive link in Main menu ALLEEN VOOR HOME:
/* OUD (groen): ul.nice-menu-down a.active {
	-webkit-box-shadow: #CCC 0 0 1em;
    -moz-box-shadow: #CCC 0 0 1em;
    box-shadow: #CCC 0 0 1em;
	background: #87db00;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#87db00), to(#3a5600));
    background: -webkit-linear-gradient(#87db00, #3a5600 80%);
    background: -moz-linear-gradient(#87db00, #3a5600 80%);
    background: -ms-linear-gradient(#87db00, #3a5600 80%);
    background: -o-linear-gradient(#87db00, #3a5600 80%);
    background: linear-gradient(#87db00, #3a5600 80%);
    -pie-background: linear-gradient(#87db00, #3a5600 80%);
	behavior: url(../../../../../PIE.htc);
	color:#FFF;
}*/

ul.nice-menu-down a.active {
	/*-webkit-box-shadow: #CCC 0 0 1em;
    -moz-box-shadow: #CCC 0 0 1em;
    box-shadow: #CCC 0 0 1em;*/
	background: #D3AB98;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#D3AB98), to(#7F7066));
    background: -webkit-linear-gradient(#D3AB98, #7F7066 80%);
    background: -moz-linear-gradient(#D3AB98, #7F7066 80%);
    background: -ms-linear-gradient(#D3AB98, #7F7066 80%);
    background: -o-linear-gradient(#D3AB98, #7F7066 80%);
    background: linear-gradient(#D3AB98, #7F7066 80%);
    -pie-background: linear-gradient(#D3AB98, #7F7066 80%);
	behavior: url(../../../../../PIE.htc);
	color:#FFF;
}

/* Dit is aktieve link in main menu:
/* OUD (groen): ul.nice-menu-down .active-trail a {
	-webkit-box-shadow: #CCC 0 0 1em;
    -moz-box-shadow: #CCC 0 0 1em;
    box-shadow: #CCC 0 0 1em;
	background: #87db00;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#87db00), to(#3a5600));
    background: -webkit-linear-gradient(#87db00, #3a5600 80%);
    background: -moz-linear-gradient(#87db00, #3a5600 80%);
    background: -ms-linear-gradient(#87db00, #3a5600 80%);
    background: -o-linear-gradient(#87db00, #3a5600 80%);
    background: linear-gradient(#87db00, #3a5600 80%);
    -pie-background: linear-gradient(#87db00, #3a5600 80%);
	behavior: url(../../../../../PIE.htc);
	color:#FFF;
}*/

ul.nice-menu-down .active-trail a {
	/*-webkit-box-shadow: #CCC 0 0 1em;
    -moz-box-shadow: #CCC 0 0 1em;
    box-shadow: #CCC 0 0 1em;*/
	background: #D3AB98;
    background: -webkit-gradient(linear, 0 0, 0 80%, from(#D3AB98), to(#7F7066));
    background: -webkit-linear-gradient(#D3AB98, #7F7066 80%);
    background: -moz-linear-gradient(#D3AB98, #7F7066 80%);
    background: -ms-linear-gradient(#D3AB98, #7F7066 80%);
    background: -o-linear-gradient(#D3AB98, #7F7066 80%);
    background: linear-gradient(#D3AB98, #7F7066 80%);
    -pie-background: linear-gradient(#D3AB98, #7F7066 80%);
	behavior: url(../../../../../PIE.htc);
	color:#FFF;
}


ul.nice-menu-down li li {
/*  border-top: 0;*/
}

ul.nice-menu-down ul {
/*  left: 0; /* LTR */
}

ul.nice-menu-down ul li {
/*  clear: both;*/
}

ul.nice-menu-down li ul li ul {
/*  left: 5em; /* LTR */
/*  top: -1px;*/
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/******************************
 VERTICAL (left/right) menus
******************************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
	text-align:center;
/*  width: 12.5em;*/
}

/* Menu's in blokken side-bar afstand titel tot eerste menu link */
ul.nice-menu-right, ul.nice-menu-left {
	margin-top:0;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left ul {
 /* width: 15em;*/
 /* left: -25em;*/
  top: -1px;
}

ul.nice-menu-left ul ul {
 /* width: 12.5em;
  left: 12.5em;*/
  top: -1px;
}

ul.nice-menu-left li {
	list-style:none;
	/*padding-bottom: 4px;*/
}

ul.nice-menu-left a {
/*    float: left;*/
    height: 2em;
	width: 160px;
    line-height: 2em;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
	background: #00d9ec;
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#00d9ec), to(#008792));
    background: -webkit-linear-gradient(#00d9ec, #008792 70%);
    background: -moz-linear-gradient(#00d9ec, #008792 70%);
    background: -ms-linear-gradient(#00d9ec, #008792 70%);
    background: -o-linear-gradient(#00d9ec, #008792 70%);
    background: linear-gradient(#00d9ec, #008792 70%);
    -pie-background: linear-gradient(#00d9ec, #008792);
	behavior: url(../../../../../PIE.htc);
    border-bottom: 0;
/*    padding: 0 10px;*/
    color: #FFF;
    text-decoration: none;
}

ul.nice-menu-left a:hover {
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#3a5600), to(#87db00));
    background: -webkit-linear-gradient(#3a5600, #87db00 70%);
    background: -moz-linear-gradient(#3a5600, #87db00 70%);
    background: -ms-linear-gradient(#3a5600, #87db00 70%);
    background: -o-linear-gradient(#3a5600, #87db00 70%);
    background: linear-gradient(#3a5600, #87db00 70%);
    -pie-background: linear-gradient(#3a5600, #87db00 70%);
	behavior: url(../../../../../PIE.htc);
}
/* Alle active left menu's */
ul.nice-menu-left a.active {
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#87db00), to(#3a5600));
    background: -webkit-linear-gradient(#87db00, #3a5600 90%);
    background: -moz-linear-gradient(#87db00, #3a5600 90%);
    background: -ms-linear-gradient(#87db00, #3a5600 90%);
    background: -o-linear-gradient(#87db00, #3a5600 90%);
    background: linear-gradient(#87db00, #3a5600 90%);
    -pie-background: linear-gradient(#87db00, #3a5600 90%);
	behavior: url(../../../../../PIE.htc);
	color:#FFF;
}

ul.nice-menu-left li ul li{
 /*   background: -webkit-gradient(linear, 0 0, 0 70%, from(#3a5600), to(#87db00));
    background: -webkit-linear-gradient(#3a5600, #87db00 70%);
    background: -moz-linear-gradient(#F4FA58, #87db00 70%);
    background: -ms-linear-gradient(#3a5600, #87db00 70%);
    background: -o-linear-gradient(#3a5600, #87db00 70%);
    background: linear-gradient(#3a5600, #87db00 70%);*/
    -pie-background: linear-gradient(#3a5600, #87db00 70%);
	-webkit-box-shadow: #CCC 0 0 1em;
    -moz-box-shadow: #CCC 0 0 1em;
    box-shadow: #CCC 0 0 1em;
	color:#903489;
/*  width: 20em;
  left: -10em;*/
  top: -1px;
  padding-bottom: 0;
}

/* ondergrond uitgeklapt menu*/
ul.nice-menu-left li ul {
	padding-left: 0;
	left: -10em;
    padding-top: 1px;
}

/*
ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}
*/