/*************************/
 /*  Defineerbare waardes */
/*************************/

#peppermenu1 {
	position: relative;
	z-index: 9999;
}

.submenu {
    /* css waarde die voor alle sub menu containers gebruikt wordt naast opgegeven css class*/
	position: absolute;
	font-size: 1.3em;
}

.submenus {
	position: absolute;
	cursor: pointer;
}
  /************/
 /* Niveau 0    */
/************/

.container0 {
	position: absolute;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
}

.menu0top, .menu0, .menu0bottom, .menu0topover, .menu0over,  .menu0bottomover, .menu0single, .menu0singleover {
	color: #00338E;
	cursor: pointer;
	display: block;
	float: left;
	margin-top: 5px;
	margin-right:  7px;
	margin-bottom: 5px;
	margin-left: 6px;
}

.menu0bottom, .menu0bottomover{
	margin-right: 0px;
}

.menu0top a, .menu0 a, .menu0bottom a, .menu0topover a, .menu0over a, .menu0bottomover a, .menu0single a, .menu0singleover a {
	color: #00338E;
	margin: 0px;
	display: block;
	text-decoration: none;
	font-size: 14px;	
	padding: 3px 4px 7px 6px;
}

#menu10-0 .active{color: #00338E;}
#menu10-1 .active{color: #00338E;}
#menu10-2 .active{color: #00338E;}
#menu10-3 .active{color: #00338E;}
#menu10-4 .active{color: #00338E;}

#menu10-0 a:hover.active{color: #FFFFFF;}
#menu10-1 a:hover.active{color: #FFFFFF;}
#menu10-2 a:hover.active{color: #FFFFFF;}
#menu10-3 a:hover.active{color: #FFFFFF;}
#menu10-4 a:hover.active{color: #FFFFFF;}

.menu0over a, 
.menu0topover a,
.menu0bottomover a,
.menu0singleover a{
	color: #FFFFFF;
}
.menu0over, 
.menu0topover,
.menu0bottomover,
.menu0singleover{
	background-color: #00338E;
}


  /************/
 /* Niveau 1 */
/************/
.container1 {
	margin: -3px 0px 0px -5px;
	position: absolute;
}
/* menu 1*/
.menu11top, .menu11, .menu11bottom, .menu11over, .menu11topover, .menu11bottomover, .menu11single, .menu11singleover{
	cursor: pointer;
	display: block;
	padding: 3px 7px 3px 7px;
	color: #00338E;
	font-size: 0.75em;
	text-align: left;
	width: 165px;
	margin: 0px;
}
.menu11, .menu11over ,
.menu11top, .menu11topover ,
.menu11bottom, .menu11bottomover {
	background-color:#FFAA52;
	border-bottom: #FFFFFF 1px solid;
}
.menu11single, .menu11singleover {
	background: url("../elements/menu/menuSingle.gif") 100% 100% no-repeat;
	padding-bottom: 20px;
}
.menu11over, 
.menu11topover,
.menu11bottomover,
.menu11singleover {
	color: #FFFFFF;
	background-color:#00338E;

}

/* menu 2*/
.menu12top, .menu12, .menu12bottom, .menu12over, .menu12topover, .menu12bottomover, .menu12single, .menu12singleover{
	cursor: pointer;
	display: block;
	padding: 1px 7px 1px 7px;
	color: #00338E;
	font-size: 0.70em;
	text-align: left;
	width: 165px;
	margin: 0px;
                z-index:10; /* above footer issue */
}
.menu12, .menu12over ,
.menu12top, .menu12topover ,
.menu12bottom, .menu12bottomover {
	background-color:#3DB7FF;
	border-bottom: #FFFFFF 1px solid;
}

.menu12single, .menu12singleover {
	background: url("../elements/menu/menuSingle.gif") 100% 100% no-repeat;
	padding-bottom: 20px;
}
.menu12over, 
.menu12topover,
.menu12bottomover,
.menu12singleover {
	color: #FFFFFF;
	background-color:#00338E;
}

/* menu 3*/
.menu13top, .menu13, .menu13bottom, .menu13over, .menu13topover, .menu13bottomover, .menu13single, .menu13singleover{
	cursor: pointer;
	display: block;
	padding: 3px 7px 3px 7px;
	color: #00338E;
	font-size: 0.75em;
	text-align: left;
	width: 165px;
	margin: 0px;
}
.menu13, .menu13over,
.menu13top, .menu13topover,
.menu13bottom, .menu13bottomover {
	background-color:#A1DEE9;
	border-bottom: #FFFFFF 1px solid;
}
.menu13single, .menu13singleover {
	background: url("../elements/menu/menuSingle.gif") 100% 100% no-repeat;
	padding-bottom: 20px;
}
.menu13over, 
.menu13topover,
.menu13bottomover,
.menu13singleover {
	color: #FFFFFF;
	background-color:#00338E;
}

/* menu 4*/
.menu14top, .menu14, .menu14bottom, .menu14over, .menu14topover, .menu14bottomover, .menu14single, .menu14singleover{
	cursor: pointer;
	display: block;
	padding: 3px 7px 3px 7px;
	color: #00338E;
	font-size: 0.75em;
	text-align: left;
	width: 165px;
	margin: 0px;
}
.menu14, .menu14over,
.menu14top, .menu14topover,
.menu14bottom, .menu14bottomover {
	background-color:#EEDDBB;
	border-bottom: #FFFFFF 1px solid;;
}
.menu14single, .menu14singleover {
	background: url("../elements/menu/menuSingle.gif") 100% 100% no-repeat;
	padding-bottom: 20px;
}
.menu14over, 
.menu14topover,
.menu14bottomover,
.menu14singleover {
	color: #FFFFFF;
	background-color:#00338E;
}
/* menu 4*/
.menu15top, .menu15, .menu15bottom, .menu15over, .menu15topover, .menu15bottomover, .menu15single, .menu15singleover{
	cursor: pointer;
	display: block;
	padding: 3px 7px 3px 7px;
	color: #00338E;
	font-size: 0.75em;
	text-align: left;
	width: 165px;
	margin: 0px;
}
.menu15, .menu15over ,
.menu15top, .menu15topover ,
.menu15bottom, .menu15bottomover {
	background-color:#C1BB00;
	border-bottom: #FFFFFF 1px solid;
}
.menu15single, .menu15singleover {
	background: url("../elements/menu/menuSingle.gif") 100% 100% no-repeat;
	padding-bottom: 20px;
}
.menu15over, 
.menu15topover,
.menu15bottomover,
.menu15singleover {
	color: #FFFFFF;
	background-color:#00338E;
}
  /************/
 /* Niveau 2 */
/************/

.menu2top, .menu2, .menu2bottom, .menu2over, .menu2topover, .menu2bottomover, .menu2single, .menu2singleover {
	cursor: pointer;
	display: block;
	background-image: url(../elements/subnav/divider.gif);
	background-repeat: repeat-x;
	background-position: 2px 100%;
	padding: 3px 10px 4px 10px;
	color: #000;
	font-size: 0.70em;
	text-align: left;
	width: 229px;
}

.menu2top,
.menu2,
.menu2bottom,
.menu2over,
.menu2topover,
.menu2bottomover,
.menu2single,
.menu2singleover {
	background-color: #70b547;
}


  /***********************/
 /* Niveau 2 mouseovers */
/***********************/
.menu2over, 
.menu2topover,
.menu2bottomover,
.menu2singleover {
	color: #fff;
}

/* Sjoerd */

#sub_1container0-0{
	padding: 0px 0px 0px 3px;
}