//
// ** helge schichlein  -  30.03.2018 **
//

  body  { background: #ffffff;
          color: #000000;
          font-family: verdana, helvetica;
          font-size: 10pt }

  text { font-size: 13px; }

  strong { font-size: 16pt; 
           font-family: verdana, helvetica;
           font-weight: normal }

  large { font-size: 12pt; 
          font-family: verdana, helvetica;
          font-weight: normal }

  small { font-size: 6pt;
          color: #777777;
          font-family: verdana, helvetica }

  sb { font-size: 8pt;
       color: #333333;
       font-weight: bold;
       font-family: verdana, helvetica }

  medium { font-size: 9pt;
           color: #777777;
           font-family: verdana, helvetica }

  div.bild { font-size: 10pt;
             font-family: verdana, helvetica;
             margin: 20px 1px }

  div.m20 { font-size: 10pt;
            font-family: verdana, helvetica;
            margin: 20px 1px }

  div.m0 { font-size: 10pt;
           font-family: verdana, helvetica;
           margin: 0px 0px }

  .block_700_grau {
      margin: 0px 0px 0px 0px;
      padding: 15px 15px 15px 15px;
      width: 700px;
      border: 1px solid #ddd;
      border-radius: 10px 10px 10px 10px;
      background-color: #f4f4f4; }

  .block_700_weiss {
      margin: 0px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
      width: 700px; }

  .block_600_weiss {
      margin: 0px 0px 0px 0px;
      padding: 10px 10px 10px 10px;
      width: 600px; }

  .block_600_grau {
      margin: 10px 0px 0px 0px;
      padding: 0px 10px 0px 12px;
      width: 600px;
      border: 1px solid #ddd;
      border-radius: 7px 7px 7px 7px;
      background-color: #f4f4f4; }

  .block_grau {
      margin: 10px 0px 0px 0px;
      padding: 0px 10px 0px 12px;
      width: 300px;
      border: 1px solid #ddd;
      border-radius: 7px 7px 7px 7px;
      background-color: #f4f4f4; }

  .block_500_grau {
      margin: 0px 0px 0px 0px;
      padding: 0px 10px 0px 12px;
      width: 500px;
      border: 1px solid #ddd;
      border-radius: 7px 7px 7px 7px;
      background-color: #f4f4f4; }

  div.console {
      position:fixed;
      top: 400px;
      left: 1050px;
      width: 250px;
      height: 165px;
      margin: 5px 5px 5px 5px;
      padding: 5px 5px 5px 5px;
      border: 1px solid #ddd;
      border-radius: 7px 7px 7px 7px;
      background-color: #f4f4f4;
      font-family: "Andale Mono";
      font-size: 9px; }

  br { display: block;
       margin: 0px }

  br.m2 { display: block;
	  margin: 2px; }

  br.m5 { display: block;
	  margin: 5px; }

  br.m10 { display: block;
	   margin: 10px; }

  br.m20 { display: block;
	   margin: 20px; }

  br.m35 { display: block;
	   margin: 35px; }

  br.m50 { display: block;
	   margin: 50px; }

  br.m100 { display: block;
	   margin: 100px; }

  span.object { font-size: 10pt;
		font-family: "courier"; }

  bl { color: #3aa4ff; }

  bw { color: BurlyWood; }

  vl { color: #932192; }

  dv { color: green; }

  dg { color: green; 
       font-weight: bold; }

  dr { color: red; 
       font-weight: bold; }

  dy { color: #ffd700; 
       font-weight: bold; }

  rg { color: #c1352d; }

  ob { color: royalblue;
       font-weight: bold;
       font-style: italic;
       font-family: "courier";
       font-size: 10pt; }

  ht { color: violet;
       font-weight: bold;
       font-family: "courier new";
       font-size: 10pt; }

  pr { color: red;
       font-family: "courier";
       font-size: 10pt;}

  da { color: chocolate;
       font-family: "courier";
       font-size: 10pt; }

  ar { color: royalblue;
       font-family: "courier";
       font-style: italic;
       font-size: 10pt; }

  tr     { font-size: 10pt;
           font-family: verdana, helvetica;
           margin: 15px 1px }

  li     { font-size: 10pt;
           font-family: verdana, helvetica;
	   margin: 6px 1px }

  h1     { font-size: 16pt;
           font-family: verdana, helvetica;
	   font-weight: normal;
           margin: 15px 1px }

  h2     { font-size: 14pt;
           font-family: verdana, helvetica;
	   font-weight: normal;
           margin: 15px 1px }

  h3     { font-size: 12pt;
           font-family: verdana, helvetica;
	   font-weight: bold;
           margin: 20px 1px }

  h4     { font-size: 10pt;
           font-family: verdana, helvetica;
	   font-weight: bold;
           margin: 15px 1px }

  b { text-align: right;
      font-family: verdana, helvetica, arial }

  A:link { color: #444444; text-decoration: none }
  A:link.red { color: #aa4444; text-decoration: none }
  A:visited { color: #333333; text-decoration: none }
  A:visited.red { color: #aa3333; text-decoration: none }
  A:hover { color: #aa7777; text-decoration: none }
  A:active { color: #aa7777; text-decoration: underline }

  .m1 { stroke: darkblue; }
  .m2 { stroke: crimson; }
  .m3 { stroke: green; }
  .m4 { stroke: violet; }
  .m5 { stroke: darkyellow; }
  .m6 { stroke: lightblue; }

  path.domain { stroke-width: 0; fill: none; }

  .axis path,
  .axis line { stroke: #121212; stroke-width: 1.5; shape-rendering: auto; }
  .axis text { font-family: sans-serif; font-size: 12px; }
  .grid line { stroke: darkgrey; stroke-width: 1.2; stroke-dasharray: 5; shape-rendering: auto;  }
  .tick line { opacity: 1; stroke-width: 1; }

  div.tooltip {
      position: absolute; text-align: left;
      width: auto; height: auto; padding: 5px;
      font: 12px sans-serif;
      color: white; background: #f89641;
      border: 1px; border-radius: 4px; margin-top: 20px;
  }

  div.tooltip_teal {
      position: absolute; text-align: left;
      width: auto; height: auto; padding: 5px;
      font: 12px sans-serif;
      color: white; background: teal;
      border: 1px; border-radius: 4px; margin-top: 20px;
  }

  .submenuitem {
    font: 12px sans-serif;
    font-style: italic;
  }

  .trackitem {
    font: 11px sans-serif;
  }

  .summaryitem {
    font: 12px sans-serif;
    font-style: italic;
  }

  .no-pointer {
    pointer-events: none;
  }


.d3-context-menu {
	position: absolute;
	display: none;
	background-color: #f2f2f2;
	border-radius: 4px;

	font-family: Arial, sans-serif;
	font-size: 14px;
	min-width: 150px;
	border: 1px solid #d4d4d4;

	z-index:1200;
}

.d3-context-menu ul {
	list-style-type: none;
	margin: 4px 0px;
	padding: 0px;
	cursor: default;
}

.d3-context-menu ul li {
	padding: 4px 16px;
}

.d3-context-menu ul li:hover {
	background-color: #4677f8;
	color: #fefefe;
}