body{font-family:calibri}
P{font-family:calibri;font-size:11.00pt;margin-top: 0.0em; margin-bottom: 0em;line-height:1.1}
H1{font-family:calibri;font-size:13.00pt;margin:0px 0x 0px 0px;padding:0px}
H2{font-family:calibri;font-size:12.00pt;margin:0px 0x 0px 0px;padding:0px}
H3{font-family:calibri;font-weight:bold;font-size:12.00pt;margin:0px 0x 0px 0px;padding:0px}
H4{font-family:calibri;font-size:11.00pt;margin:0px 0x 0px 0px;padding:0px}
H5{font-family:calibri;font-size:11.00pt;margin:0px 0x 0px 0px;padding:0px}
H6{font-family:calibri;font-size:11.00pt;margin:0px 0x 0px 0px;padding:0px}
H7{font-family:calibri;font-size:11.00pt;margin:0px 0x 0px 0px;padding:0px}


.emptypar{margin-bottom: 0em;line-height:1}


P.docelement{font-family:Courier;font-size:8.00pt;margin:0px;padding:0px}
td.docelement{margin: 0px 0px 0px 0x; padding: 0px 0px 0px 0x}
tr.docelement{margin: 0px 0px 0px 0x; padding: 0px 0px 0px 0x} 

code{font-family:Courier New;background-color: silver;}
selected{color:red}

.imageboxright {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 250px;
  height: auto;
  float: right;
}

.imageboxmiddle {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  max-width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.rightbox {
  border: 4px solid #add;
  border-radius: 4px;
  padding: 10px;
  width: 250px;
  height: auto;
  float: right;
  margin-left: 20px;
  background-color: #C0C0E5;
}

.mtextbox {
  border: 4px solid #add;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  height: auto;
  background-color: #C0C0E5;
}

.pricetable {
   border: 1px solid;    
}

.pricetable .tr:nth-child(even){background-color: #f2f2f2;}

.pricetable .tr:hover {background-color: #ddd;}

.pricecol { text-align: right; }



.Code_Example {font-family:Courier;font-size:10.00pt;margin:0px 0x 0px 0px;padding:0px}

/* Navbar container */
.da_navbar {
  overflow: hidden;
  background-color: #333;
  font-family: calibri;
}

/* Links inside the navbar */
.da_navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.da_dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.da_dropdown .da_dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.da_navbar a:hover, .da_dropdown:hover .dropbtn {
  background-color: red;

}

/* Dropdown content (hidden by default) */
.da_dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.da_dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.da_dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.da_dropdown:hover .da_dropdown-content {
  display: block;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Cambria, Helvetica, sans-serif;
}

/* Style the header */
da_header {
  background-color: #7a9bbc;
  padding: 8px;
  text-align: center;
  font-size: 35px;
  color: white;
}

/* Create two columns/boxes that floats next to each other */
da_nav {
  float: left;
  width: 20%;
  background-color: #7a9bbc;
  padding: 20px;
} 


/* Style the list inside the menu */
da_nav ul {
  list-style-type: none;
  padding: 0;
}

li.leftmenu {
  font-size: 11pt;  
}

h1.leftmenu {
  font-size: 12pt; 
}

article {
  float: left;
  padding: 20px;
  width: 80%;
  background-color: #f1f1f1;
}

/* Clear floats after the columns */
section::after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
footer {
  background-color: #777;
  padding: 10px;
  text-align: center;
  color: white;
}

/* Resposive 2 columnleft table */ 
div.columnleft, div.columnright {
  width:50%;
  padding:1rem;  
}

div.xmldoc {
 
}

div.columnleft {
  background-color: #E8F8F5; 
  float: left;
}

div.columnright {
 background-color: #F4ECF7;
 float: right; 
}

@media (max-width: 700px) {
div.columnleft,div.columnright {
  width: 100%;
  flex-direction: column;
  background-color: #E8F8F5; 
   } 
 }


/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 700px) {
  da_nav, article {
    width: 100%;
    height: auto;
  }
}