/* CSS IRUA Het menu werkt in 2 'modes': anoniem en geauthenticeerd. Het -element kan aangepast worden naargelang de situatie */ * { font-family: Helvetica, Arial, sans-serif; } body { max-width: 90%; margin: 0 auto auto auto; width: 100%; } .insertedtext { } .desktop-header { height: 100px; background-color: #FFFFFF; padding: 22px 0 0;} .desktop-header-container { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .desktop-header-left { } .desktop-header-right {padding-left: 300px; } .desktop-header #site-logo { float: left; height: 50px; } .desktop-header #site-logo2 { float: right; height: 50px; } #anonymous { color: black; background-color:#FFFFFF; margin-top: 0; margin-bottom: 0; } #authenticated { color: black; background-color:#FFFFFF; margin-top: 0; margin-bottom: 0; } /* Ingevoegde tekst */ul.menu-system li a .headerwebtitle { color: #FFFFFF; font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; font-size: 11px; font-weight: bold; text-align: right; margin-right: 5px; } /* Navigatiebalk */ #navbar { background-color: #f7f7f7; width: 90%; position: absolute; z-index: 100; border-radius: 4px; display: flex; flex-direction: row; flex-wrap: wrap; } #submenu { background-color: #f7f7f7; position: absolute; border: 0px solid; margin-top: 5px; z-index: 100; padding-top: 0.33em; padding-bottom: 0em;} ul.menu-system { display: block; width: 1300px } .ie ul.menu-system { background-image: none; background-color: #044c77; } /* Menu items */ ul.menu-system li { } .ie ul.menu-system li { width: auto; } ul.menu-system li a { font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; height: 55px; line-height: 55px; text-align: center; text-decoration: none; z-index: 1; color: #1b365f; font-size: 18px; border-right: 0px solid; padding-bottom: 15px; padding-top: 15px; padding-left: 0.3em; padding-right: 0.4em; } .ie ul.menu-system li a { display: inline-block; border-top-style: none; } ul.menu-system li a:after { } /* Menu items onmouseover*/ ul.menu-system li:hover a { color: #1b365f; text-decoration: none; background-color: #e6e6e6; } ul.menu-system li:hover a:after { color: #1b365f; text-decoration: none; background-color: #e6e6e6; } /* Menu items visited */ ul.menu-system li a:visited { } /* Menu item header */ .menu-header { color: inherit; text-decoration: none; background-color: #e6e6e6; } /* Submenu algemeen */ ul.menu-system li ul { display: table-cell; } /* Submenu items */ ul.menu-system li ul a { font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; height: 55px; line-height: 35px; text-align: center; text-decoration: none; z-index: 1; color: #1b365f; font-size: 18px; border-right: 0px solid; padding-bottom: 15px; padding-top: 15px; padding-left: 0.4em; padding-right: 0.5em; } /* Submenu items onmouseover */ ul.menu-system li ul a:hover { color: #1b365f; text-decoration: none; background-color: #e6e6e6; } /* Submenu items visited */ ul.menu-system li ul a:visited { } /* Submenu item header */ .submenu-header { font-size: 150%; font-weight: bold; padding-bottom: 10px; padding-top: 10px; } /* Menu items onclick - ENKEL HORIZONTALE MENU */ /*ul.menu-system li.clicked a { color: #FFFFFF; background-color: #255080; font-size: 11px;} /* Submenu items onclick - ENKEL HORIZONTALE MENU */ ul.menu-system li ul li a { display: inline; border-right: 0px solid; padding: 0.4em 0.6em 0.4em 0.6em} ul.menu-system li ul li.clicked a { color: #FFFFFF; background-color: #255080; } */ .style1 { font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; } .quicklinks {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; TEXT-DECORATION: none;} .quicklinks A:link {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; TEXT-DECORATION: none;} .quicklinks A:visited {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; TEXT-DECORATION: none;} .quicklinks A:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; font-family: itc-officina-sans-pro,Helvetica,Arial,sans-serif; TEXT-DECORATION: none;}