.treeview ul{ /*CSS for Simple Tree Menu*/
line-height: 20px; margin: 0; padding: 0; }
a { color: #2d3c4f; font-size: small; font-family: Arial; text-decoration: underline; }
a:hover { color: #808080; font-size: small; text-decoration: none; }
a:visited     { color: #9f5e6c; font-size: small; font-family: Verdana, Arial, Charcoal; text-decoration: none }
p { font-size: 12px; }
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
color: purple; font-size: 14px; font-weight: bolder; background-color: #0d0d0d; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-decoration: none; list-style-type: none; padding-left: 22px; margin-bottom: 3px; }

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
line-height: 20px; background-image: url(img/closed.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left 1px; cursor: hand !important; cursor: pointer !important; }


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
line-height: 20px; display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
color: maroon; font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; cursor: default; }

.treeview:hover{ color: #1aa53a; font-weight: bold; font-size : 16px; text-decoration : none; font-family : Arial, Helvetica, sans-serif; line-height: 20px; }

.treeview:visited{ color: #4f159d; font-weight: bold; font-size : 16px; text-decoration : none; font-family : Arial, Helvetica, sans-serif; line-height: 20px; }

a.niveau1 { color: #d73528; font-size: 18px; font-family: arial; font-weight: 500; line-height: 20px;}
a.niveau1:visited { color: #fb8429; font-size: 18px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau1:link { color: #d73528; font-size: 18px; font-family: arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau1:active { color: red; font-size: 18px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau1:hover { color: #f4d824; font-size: 18px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none }
ul.niveau1 { color: #0d0d0d; font-weight: 500; margin-left: -20px; }

a.niveau2 { color: #5a8c3f; font-size: 16px; font-family: arial; font-weight: 500; text-decoration: none }
a.niveau2:visited { color: #719160; font-size: 16px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau2:link { color: #5a8c3f; font-size: 16px; font-family: arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau2:active { color: #f4d824; font-size: 16px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none; }
a.niveau2:hover { color: #f4d824; font-size: 16px; font-family: Arial; font-weight: 500; line-height: 20px; text-decoration: none }
ul.niveau2 { color: white; font-size: 18px; line-height: 10px; margin-left: -20px; }