html {background-color: black}    
* { box-sizing: border-box; font-family: 'Monteserat', Arial, sans-serif; color: white;}
 em { color: orangered; font-style: normal;}
 ex { color: orangered; font-style: normal;}
 h1 { font-weight: bold; color: orangered; font-size: 32px;}
 h2 { font-weight: bold; color: orangered; font-size: 24px; }  
 a:link {text-decoration:none;} 
    
.page header {border: none;background: black;color: white;text-align: center; }
.page header .title { font-size: 4.5em;font-weight: bold;font-family: 'Verdana', Helvetica, sans-serif;}
.page header .tagline {font-family: 'Verdana', Helvetica, sans-serif;font-style: normal;}
.page footer {border: none;font-family: 'Verdana', Helvetica, sans-serif;font-style: normal;padding-left: 1em;}
.page .body {font-family: 'Verdana', Helvetica, sans-serif;display: grid;grid-template-columns: 255px 950px; }  

.page .body nav {margin: 0;padding: 0 6px 6px 6px;width: 14em;height:80em;background-color: #0C090A;}
.page .body nav.focus {margin: 0;padding: 0 6px 6px 6px;background-color:  #0C090A;}

.page .body .page {margin: none;padding: 0;height: 25em;}   
.page .body .page h1 {padding: 0;}
.page .main {padding: 0;}
.treeview-navigation ul,
.treeview-navigation li {margin: 0;padding: 0;  }
.treeview-navigation li li span.label {padding-left: 1.5em;}
.treeview-navigation li li li span.label {padding-left: 3em;}
.treeview-navigation li li span.llabel {padding-left: 1.5em;}
.treeview-navigation li li li span.llabel {padding-left: 3em;}
.treeview-navigation[role="tree"] {margin: 0;padding: 0;list-style: none;  }
.treeview-navigation[role="tree"] li {margin: 0;padding: 0;list-style: none;}
.treeview-navigation a[role="treeitem"] ul { margin: 0;padding: 0;}
.treeview-navigation a[role="treeitem"][aria-expanded="false"] + [role="group"] {display: none;}
.treeview-navigation a[role="treeitem"][aria-expanded="true"] + [role="group"] {display: block;}
.treeview-navigation a[role="treeitem"] > span svg {transform: translate(0, 0);}
.treeview-navigation a[role="treeitem"][aria-expanded="false"] > span svg {transform: rotate(270deg) translate(2px, 2px);}
.treeview-navigation a[role="treeitem"] {align-content: left;margin:0; padding: 6px;padding-left: 12px;text-decoration: none;border: none;display: block; }
.treeview-navigation a[role="treeitem"][aria-current] {padding-left: 12px;}
.treeview-navigation a[role="treeitem"] span.icon svg polygon {stroke-width: 2px;fill: orangered;stroke: transparent;}
.treeview-navigation a[role="treeitem"]:focus {outline: 0;padding-left: 12px;}
.treeview-navigation a[role="treeitem"][aria-current]:focus {padding-left: 12px;}
.llabel {text-decoration: none;}
.label {text-decoration: none;}
.labelh {text-decoration: none; color:orangered; font-weight: bold}

.button {border: none;color: white; padding: 15px 32px; text-align: center;text-decoration: none; display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.button_dflt {background-color: orangered; color: white; border: none; padding: 5px 10px; }
.button4 {font-size: 1em; background-color: #3A3B3C; color: orangered; border: none; padding: 5px 10px; }
.button_hf {background: url("images/menu_bg.png") repeat-x;  background-size: cover; border: 2px solid #2B2A29; list-style-type: none; }
.button_icon {background-color: transparent; color: dimgray; border: none; padding: 5px 5px; }

 /*#langendorn { border: 2px solid #2B2A29;list-style-type: none; padding: none;}*/
 /*#hellfire { background: url("images/menu_bg.png") no-repeat;  background-size: cover; border: 2px solid #2B2A29; list-style-type: none; }*/

.special{ color: chartreuse}

.navitem1{margin-left: 0; position: relative; width: 180px;height: 30px;background-color: #0C090A;}
.navitem3{margin-left: 12px; padding-left: 12px; position: relative; width: 180px;height: 30px;background-color: #0C090A ;border-radius: 8px;}
.navitem2{margin-left: 0; position: relative; width: 180px;height: 30px;background-color: #0C090A;border-radius: 8px;}
.navitem4 {line-height: 25px;height: 100%; display: inline-block;position: relative;z-index: 1;text-decoration: none;text-align: left;color: white;cursor: pointer;background-color: #2e2c2c;border-radius: 8px;}
.navitem5{margin-left: 0; position: relative; width: 180px;height: 30px;background-color: #2e2c2c;border-radius: 8px;}

.navitem2:hover {background-color: orangered;}
.navitem3:hover {background-color: orangered;}
.navitem4:hover {background-color: #0059FF;}
.navitem5:hover {background-color: #1974D2;}
.navitem6:hover {background-color: #1589FF;}
.navitem7:hover {background-color: #6698FF;}

a > img { border: solid 2px transparent;}
a > img:hover { border-color: orangered;}