/* DROPDOWNMENU CSS

Kleur gebruik:                               LICHTVERKEER                    NORMAL/REDDINGSBRIGADE
Letters algemeen                             #000000; zwart                  #000000; zwart
Letters bij muisover/breadcrump active/hover #1595D3; LV blauw               #016332; groen
Achtergrond submenu                          #F2F9FD; LV lichtblauw          #ffffff; wit
Border submenu/separator in submenu          #1595D3; LV blauw               #b7b7b7; grijs
Letters bij muisover in submenu              #000000; zwart                  #000000; zwart
Letters bij a:hover in submenu               #1595D3; LV blauw               #000000; zwart
Achtergrond letters bij a:hover in submenu   #E6E6FF; lichter dan LV blauw   #D0D0D00; lichtgrijs
************************************************************************************************* */

/*    *{margin:0;padding:0;list-style:none;}  /** deze regel conflicteert met andere instellingen!!! waarschijnlijk een volgorde probleem... */
/*    *{margin:0;padding:0;}  /** list style even verwijderd om liststijlen mogelijk te maken */
/*    marges verwijderen levert onjuiste opmaak in menu op!!! */


#hoofdmenu {
   width: 960px;
   height: 60px;
   margin: 0px auto 0px auto;
   text-align: left;
   padding: 0px;
   background-color: #FFFFFF;  /* RGB: 255 255 255 = wit;   */
}

#hoofdmenubalk {
   width: 100%;
   height: 45px;
}

#kruimelpadmenubalk {
   width: 100%;
   height: 45px;
}

/* dode toets in de menuitems donkergrijs gekleurd */
.dodetekst {
   color:#999999;
}




/* hoofdbalk */
ul#hoofdbalk {
   font-size: 1.00em;
   font-weight: bold;
   list-style: none;
   height: 43px;
   background: url('menubalk_midden.png') left bottom repeat-x;
   position: relative;
   z-index: 50;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


/* plaatsing van de hoofdknoppen en minimale breedte instellen */
ul#hoofdbalk li.knop, ul#hoofdbalk li.knop p, ul#hoofdbalk li.knop p a {
   float: left;
   height: 43px;
/*   min-width: 85px;   */
}

ul#hoofdbalk li {
   background:url('menubalk_midden.png') left bottom repeat-x transparent
}

/* oplichten van de knoppen indien mouse-over */
ul#hoofdbalk li:hover {
   background-position:0 0;
}

ul#hoofdbalk li.top-level p a {
   height:27px;
   background:url('menubalk_separator.png') right top no-repeat;

   /* BIJ VERANDERING VAN HOOFDMENU ITEMS DE PADDING LEFT/RIGHT EVENTUEEL AANPASSEN */
   padding:12px 12px 0px 12px
}

ul#hoofdbalk li a {
   padding:0px 20px;
   text-decoration:none;
   color:#000000
}

ul#hoofdbalk li.top-level p a:hover {
   color: #1595D3;
   text-decoration: underline
}

/* speciale linkerknop = de eerste knop */
ul#hoofdbalk li#linkerknop {
   background:url('menubalk_linkerkap.png') -2px -46px transparent
}
ul#hoofdbalk li#linkerknop:hover {
   background:url('menubalk_linkerkap.png') -2px -2px transparent;
}

/* opmaak rechter knop (geen separator) */
ul#hoofdbalk li#rechterknop p a {
   background:0
}


/* tbv rechter afsluiting van de hoofdbalk (afmetingen afbeelding 4x87) */
ul#hoofdbalk li#eindkap {
   float:right;
   height: 43px;
   background:url('menubalk_rechterkap.png') right bottom no-repeat transparent;
}


/*
ul#hoofdbalk div.submenu li,ul#hoofdbalk div.submenu li p,ul#hoofdbalk div.submenu li p a{float:none;border:none!important}
*/


/* algemene opmaak dropdownbox */
ul#hoofdbalk div.submenu {
   background:#F2F9FD;
   margin: 39px 0px 0px -1px;
   border:1px solid #1595D3;
   border-top:0;
   font-weight:normal;
   min-width:150px;
   max-width:300px;
   top:0;
   left:0;
   z-index:1000;
   border-bottom:3px;  /* voor IE op 3px gezet, FF heeft hier geen last van */
}


/* onderste lijn van de dropdownbox */
ul#hoofdbalk div.submenu .bottomleft {
   background:url('submenu_linkerhoek.png') 0 0 no-repeat;
   width:15px;
   height:30px;
   position:relative;
   float:left;
   margin: 0px 0px -43px -16px;
   clear:both;
   margin-top:15px;
}

ul#hoofdbalk div.submenu .bottomcenter {
   background:url('submenu_midden.png') 0 0 repeat-x;
   width:382px;
   height:30px;
   position:absolute;
   margin: 0px 0px 0px 15px;
   float:center;
}

ul#hoofdbalk div.submenu .onebottomcenter {
   background:url('submenu_midden.png') 0 0 repeat-x;
   width:187px;
   height:30px;
   position:absolute;
   margin: 0px 0px 0px 15px;
   float:center;
}



ul#hoofdbalk div.submenu .bottomright {
   background:url('submenu_rechterhoek.png') 0 0 no-repeat;
   width:15px;
   height:30px;
   position:relative;
   float:right;
   margin: 0px -15px 0px 0px;
}

ul#hoofdbalk div.submenu .threebottomcenter {
   background:url('submenu_midden.png') 0 0 repeat-x;
   width:565px;
   height:30px;
   position:absolute;
   margin: 0px 0px 0px 15px;
   float:center;
}



/* Lijn in submenukolom (level 1 = dt) */
ul#hoofdbalk dt.separator div {
  border-top: 1px solid #1595D3;
  padding: 2px 0px 2px 0px;
  font-size: 0px;
}

/* Lijn in submenukolom (level 2 = dd) */
ul#hoofdbalk dd.separator div {
  border-top: 1px solid #1595D3;
  padding: 2px 0px 2px 0px;
  font-size: 0px;
}


/*
ul#hoofdbalk div.submenuhead {width:184px;float:right;*clear:both}
ul#hoofdbalk div.submenuhead .submen{width:184px;font:12px;color:#000000;font-family:Arial,Verdana,Helvetica,sans-serif}
ul#hoofdbalk div.submenuhead .submen span{width:184px;line-height:20px;padding-left:5px;margin-top:0;margin-bottom:0;height:22px;background:url('whatsnew-header.png') no-repeat;color:#FFFFFF;display:block;font-weight:bold;border:0}
ul#hoofdbalk div.submenuhead dl{border-left:1px solid #ddd;border-right:1px solid #ddd;padding-bottom:6px}
ul#hoofdbalk div.submenuhead dd a img{margin-left:-12px}
ul#hoofdbalk div.submenuhead dd{margin-left:10px}
ul#hoofdbalk div.submenuhead dd:first-child{padding-top:10px}
ul#hoofdbalk div.submenuhead .subbottomcenter{background:url('whatsnew-bottom.png') left bottom no-repeat;width:184px;height:8px;position:relative;padding-top:5px;margin-left:-1px;*padding-top:0;*margin-left:-21px;float:left}
*/

/* Niet duidelijk waar dit precies invloed op heeft... */
/*ul#hoofdbalk div.submenu * {background:0}   */
/*ul#hoofdbalk div.submenu li.hover,ul#hoofdbalk div.submenu li:hover{background:#B0B0B0}   */
/*ul#hoofdbalk div.submenu li.hover a,ul#hoofdbalk div.submenu li:hover a{color:#fff}   */
/*ul#hoofdbalk div.submenu li.hover ul *,ul#hoofdbalk div.submenu li:hover ul *{color:#000!important}   */
/*ul#hoofdbalk div.submenu li{height:15px;line-height:5px;display:block;float:left;clear:left;width:100%}   */


/* zorgt voor brede balk bij hover (ipv alleen over de tekst) */
ul#hoofdbalk div.submenu a {border:0;display:block}

/* Instellen doorschijnendheid van het submenu */
ul#hoofdbalk li.top-level div.submenu {
   padding:15px 15px 15px 15px;
   max-width:none;
   opacity:0.95;
   filter: alpha(opacity=95)
}


/* Instellen breedte en werking submenu-kolommen */
ul#hoofdbalk li.top-level div.submenu.one-columns{width:185px}
ul#hoofdbalk li.top-level div.submenu.two-columns{width:380px}
ul#hoofdbalk li.top-level div.submenu.three-columns{width:563px}
ul#hoofdbalk li.top-level div.submenu.anchor-right{left:auto;right:0}
ul#hoofdbalk li.top-level div.submenu div.left-column{width:185px;float:left;border-right:0 solid #1595D3;padding:3px 0}
ul#hoofdbalk li.top-level div.submenu.one-columns div.left-column{width:185px;float:left;border-left:1 solid #1595D3;border-right:1 solid #1595D3;padding:3px 0}
ul#hoofdbalk li.top-level div.submenu div.right-column{width:175px;float:left;padding:3px 0 10px 15px;border-left:0 solid #1595D3;margin-left:-1px;_clear:right}
ul#hoofdbalk li.top-level div.submenu div.right-colnoborder{width:175px;float:left;padding:3px 0 5px 0;margin-left:-1px;_clear:right}
ul#hoofdbalk li.top-level div.submenu div.last-column{width:175px;float:left;padding:3px 0 10px 30px;margin-left:-1px;_clear:right}

/* Instellen achtergrond submenu-kolommen (dit is echter niet zo heel mooi ivm verschillende formaten van de kolommen)
ul#hoofdbalk li.top-level div.submenu div.left-column:hover{background:#EBEBEB}
ul#hoofdbalk li.top-level div.submenu div.right-column:hover{background:#EBEBEB}
ul#hoofdbalk li.top-level div.submenu div.right-colnoborder:hover{background:#EBEBEB}
ul#hoofdbalk li.top-level div.submenu div.last-column:hover{background:#EBEBEB}
*/

/* HOOFDITEMS IN HET SUBMENU */
ul#hoofdbalk li.top-level div.submenu dl {
   margin: 0px 0px 0px 0px;
}
ul#hoofdbalk li.top-level div.submenu dl:last-child {
   margin: 0px 0px 0px 0px;
}

ul#hoofdbalk li.top-level div.submenu dl dt {
   font-size:1.00em;
   font-weight:bold;
   text-align:left;
   margin:5px 0px 2px 0px;
}
ul#hoofdbalk li.top-level div.submenu dl dt a {
   padding:0;
}
ul#hoofdbalk li.top-level div.submenu dl dt a:hover {
   text-decoration:underline;
   color:#1595D3;
   background: #E6E6FF;
}


/* SUBITEMS IN HET SUBMENU, LIJNHOOGTE VAN INVLOED OP DE PADDING VAN DE TEKST */
ul#hoofdbalk li.top-level div.submenu dl dd {
   font-size:0.95em;
   line-height:17px;
   text-align:left;
   padding-left:0px;
   margin:0px 0px 0px 10px;
}
ul#hoofdbalk li.top-level div.submenu dl dd a {
   padding:0;
}
ul#hoofdbalk li.top-level div.submenu dl dd a:hover {
   text-decoration:underline;
   color:#1595D3;
   background-color: #E6E6FF;
}


/* wordt niet gebruikt */
/*ul#hoofdbalk li.top-level div.submenu dl dd a.more{color:#999}  /* ??? */   */
/*ul#hoofdbalk li.top-level div.submenu dl dd:last-child{margin-bottom:20px}   */
/*ul#hoofdbalk li.top-level div.submenu dl dd{margin-bottom:expression(this.nextSibling == null ? "20px":"inherit")}   */


/*
ul#hoofdbalk li.top-level div.submenu dl dd a:link .seeAll{font-size:11px;color:#666}
ul#hoofdbalk li.top-level div.submenu dl dd a:visited .seeAll{font-size:11px;color:#666}
ul#hoofdbalk li.top-level div.submenu dl dd a:hover .seeAll{font-size:11px;color:#F00}
ul#hoofdbalk li.top-level div.submenu dl dd a:active .seeAll{font-size:11px;color:#F00}
*/

/* gerlof: oracleTechNetwork is speciale knop aan rechterkant */
/*
ul#hoofdbalk li#oracleTechNetwork{position:absolute;top:7px;right:9px;background:url('navigation-pill.png') no-repeat;width:180px;height:26px}
ul#hoofdbalk li#oracleTechNetwork p{font-size:11px;float:none;padding-right:15px}
ul#hoofdbalk li#oracleTechNetwork p a{padding:6px 0 0;display:block;border:0;text-align:center;width:100%}
ul#hoofdbalk li#oracleTechNetwork:hover,ul#hoofdbalk li#oracleTechNetwork.hover{background-position:0 -26px;height:32px;overflow:visible}
ul#hoofdbalk li#oracleTechNetwork div.submenu{margin-top:32px}
* html ul#hoofdbalk li#oracleTechNetwork{overflow:hidden}
*/
* html ul#hoofdbalk li div.submenu{width:auto!important}
* html ul#hoofdbalk li div.submenu.two-columns{width:360px!important}
* html ul#hoofdbalk .submenu li{line-height:27px;height:27px;display:block;width:100%;float:left;clear:both}
* html ul#hoofdbalk .submenu{width:280px!important;white-space:normal}
*:first-child+html ul#hoofdbalk .submenu .submenu{white-space:normal;width:100%}
*:first-child+html ul#hoofdbalk .submenu li{width:280px}


/* Positie van de tweede dropdownbox, let op de top is de afstand vanaf de hoofdbalk !!!
Dus afhankelijk van dropdownbox die er boven zit! */
/*
ul#hoofdbalk li.top-level div.submenu.two-columns.divider {
   background:url('partners-flyout-bg.png') #f5f5f5 right top repeat-y;
   top: 190px;
   width:380px
}
*/

/* balkje tussen twee dropdownboxes in (inlog deel) -- niet gebruikt
ul#hoofdbalk li.top-level div.heading_hornav {
   background:url('bg-left-cap.gif') left repeat-x;
   color:#FFF;
   padding-left:6px;
   padding-top:6px;
   font-size:13px;
   height:24px;
/*   font-family:Arial,Verdana,Helvetica,sans-serif;
   font-weight:bold;
   position:absolute;
   left:0;
   top:-2px;
   width:404px
}
* html ul#hoofdbalk li.top-level div.heading_hornav{background:url('bg-left-cap.gif') left repeat-x;color:#FFF;padding-left:6px;padding-top:4px;font-size:13px;height:24px;font-family:Arial,Verdana,Helvetica,sans-serif;font-weight:bold;position:absolute;left:0;top:0;width:404px;_top:-1px}
ul#hoofdbalk li.top-level div.heading_hornav span{color:#fff;font-size:12px}
*/

/* positie van het 'slotje' */
/*
.lock {
   position:absolute;
   top:1px;
   left:152px;
   margin:0;
   padding:0
} */
/* en de onderste lijn van de tweede dropdownbox */
/*
ul#hoofdbalk div.submenu .partner_bottomleft{background:url('partnerbottom-left.png') 0 0 no-repeat;width:15px;height:30px;float:left;margin-left:-16px;margin-bottom:-43px;clear:left;margin-top:15px}
ul#hoofdbalk div.submenu .partner_bottomcenter{background:url('partnerbottom-center.png') 0 0 repeat-x;width:382px;height:30px;margin-left:15px;float:center}
ul#hoofdbalk div.submenu .partner_bottomright{background:url('partnerbottom-right.png') 0 0 no-repeat;width:15px;height:30px;float:right;margin-right:-15px}
*/









/*! dropdown-behavior */
/* ul.menu {float:left;width:100%;z-index:1} */
/* ul.menu li {position:static;float:left;z-index:2} */



/*

*/

/* zorgt dat de dropdownbox niet zichtbaar is */
ul.menu .submenu {display:none;z-index:2}


/* zorgt voor zichtbaar worden van dropdownbox */
ul.menu li:hover {
   position:relative;
   z-index:2
}
ul.menu li:hover .submenu {
   position:absolute;
   display:block;
   z-index:2000;
   z-index:2
}




/*  VERVALT
ul.menu li a{display:block;clear:both;position:relative;z-index:2}
ul.menu .submenu{position:absolute;float:none;white-space:nowrap;z-index:2}
ul.menu .submenu .submenu{top:0;left:100%;z-index:2}
ul.menu li.hover .submenu .submenu, ul.menu li:hover .submenu .submenu {display:none!important}
ul.menu .submenu li.hover .submenu, ul.menu .submenu li:hover .submenu {display:block!important;z-index:2000;z-index:2}
* html ul.menu .submenu{position:absolute;z-index:2}
* html ul.menu .submenu .submenu{position:absolute;z-index:2}
a.legalese:link{padding-left:12px;margin:0}
a.legalese:visited{padding-left:12px;margin:0}
ul#hoofdbalk li.top-level p a.noimg{background:0}
.lock{position:absolute;top:1px;*top:1px;left:152px;margin:0;padding:0}
*/





/*! LEGACY - BREADCRUMB */
/*
.logo_align {margin-bottom:5px;margin-left:10px}
*/

#kruimelpadmenubalk {
   width: 100%;
   height: 45px;
}


#breadCrumb {
   width:940px;
   margin: 0px 10px 0px 10px;
   padding: 0px 0px 0px 0px;
   font-size:11px;
   background:url('breadcrumb-center.png') 0 0 repeat-x;
   height:33px;  /*  33px; */
   float:left;
   clear:both
}
#breadCrumb .breadCrumb_Left {
   background:url('breadcrumb-left.png') 0 0 no-repeat;
   width:129px;
   height:33px;  /*  33px; */
   float:left;
}
#breadCrumb .breadCrumb_Center .breadCrumb_Content {
   font-size:13px;
   color:#848282;
   padding:4px 0 0 5px;
   line-height:22px;
   font-weight:bold;
   position:absolute;
   left:-125px;
   display:block;
   width:940px
}
#breadCrumb .breadCrumb_Center .breadCrumb_Content .rightarrow {
   font-size:11.5px;
   color:#848282;
   margin:0 5px
}

#breadCrumb .breadCrumb_Center .breadCrumb_Content a {
   font-size:11.5px;
   color:#848282;
   text-decoration:none;
   font-weight:normal
}

#breadCrumb .breadCrumb_Center .breadCrumb_Content .active {
   font-size:11.5px;
   color:#1595D3;
   text-decoration:none;
   font-weight:bold
}
#breadCrumb .breadCrumb_Center .breadCrumb_Content a:hover {
   font-size:11.5px;
   color:#1595D3;
   text-decoration:underline;
   font-weight:normal
}


#breadCrumb .breadCrumb_Center {
   width:680px;
   height:33px;
   float:left;
}
#breadCrumb .breadCrumb_Right {
   background:url('breadcrumb-right.png') right top no-repeat;
   width:129px;
   height:33px;
   float:right;
}