@charset "utf-8";

body {
	background-image: url(background/background.png);
	margin-right: 120px;
        overflow-y: scroll;
	/*margin-right: 120px;*/
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


div {
        font-family: 'Open Sans';    
}

ol {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: SeaGreen;
}

.h1 {
	font-family: 'Open Sans';
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.h2 {
	font-family: 'Open Sans';
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.style1 {
	font-family: 'Open Sans';
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.style2 {
	font-family: 'Open Sans';
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.style3 {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.normal {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.style4 {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.normalsmall {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
}

.style5 {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: red;
}

.style6 {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
}

.style7 {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
}

.style8 {
	font-family: 'Open Sans';
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
    margin-left: 30px    
}


.embedded_pictures {
	font-family: 'Open Sans';
	font-size: 12px;
	border: 20px solid transparent;
}

.monospaced {
  font-family: "Courier New", Courier, monospace; 
	font-size: 18px;	
	color: black;
}

.monospacedindented {
  font-family: "Courier New", Courier, monospace; 
	font-size: 18px;	
	color: black;
    margin-left: 30px
}

.monospacedsmallindenteditalics {
  font-family: "Courier New", Courier, monospace; 
	font-size: 14px;	
	font-style: italic;    
	color: black;
    margin-left: 30px
}

.monospaced_small {
  font-family: "Courier New", Courier, monospace; 
	font-size: 12px;	
	color: black;
}

.tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
     
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 105%;
}

.tooltip:hover .tooltiptext {
        visibility: visible;
}

 .tab { 
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: black;
  margin-left: 40px; 
}

.datestyle {
	font-family: 'Open Sans';
	font-size: 24px;
	font-style: bold;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
    background-color: black
}

.dropmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 200px;
  /* background: #f4f4f4; */
  /* border: 1px solid #ccc; */
}

.dropmenu li {
  /* border-bottom: 1px solid #ddd; */
}

.dropmenu li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: black;
  cursor: pointer;
}

.dropmenu li a:hover {
  background: #ddd;
}

/* Nested submenu */
.dropsubmenu {
  list-style: none;
  padding-left: 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  /* background: #eee; */
}

.dropsubmenu li a {
  padding: 8px;
  font-size: 0.9em;
  color: red;  
}

/* Active state */
.dropsubmenu.open {
  max-height: 800px; /* large enough to show items */
  transition: max-height 0.3s ease-in;
}